[问题] vue + laravel + mysql Vue的一些问题

楼主: oinnnnk (Oink)   2019-04-19 04:08:45
小弟要做一个网页 但基础很浅很浅
前端使用Vue 后端用Laravel 都从mysql拿资料
有学过Laravel所以还不是问题
目前遇到的困难是不知道怎么使用Vue
甚至不能确定有没有安装了...
在cmd中输入npm install vue有传回[email protected]
npm install vue-resource传回[email protected]
PHPstorm languages中也有node npm vue vue-resource
目前认知是.vue档案为显示的画面
然后在views/test.blade.php中继承layouts/app.blade.php
并写<example-component></example-component>来显示.vue的内容
js/app.js为example-component设好ExampleComponent.vue范例程式
问题来了 为什么我修改Example范例程式中的内容 甚至把它删了
只要test.blade.php中的<example-component>还在 网页的画面就永远都一样
然后
js/app.js中 el:'#app',
data:{
message:'hello'
}
laravel显示的 @{{message}}也是纯文字
然后我也无法使用vue的语法
抱歉连问法都很入门...
我几乎这个礼拜都在google Vue 完全没进度
想请大大帮忙解惑 感谢感谢
抱歉在wed版贴完才发现有js专版
(前端除了显示资料以外 还要能在资料表的特定字段+1 +1 +1)
作者: coldfusion (cc)   2019-04-19 10:36:00
初学vue的话,可以先用<script>来引入vue.vue 文档只是“组件”被单独存储成了文档而已先透过import加载到app.js中,再当作普通组建使用即可至于laravel中的{{}}需要放入<div id='app'></div>中
楼主: oinnnnk (Oink)   2019-04-19 12:31:00
是<script src="https://cdn.jsdelivr.net/npm/vue">吗?我如果在同一个blade中写好原本app.js的message下面再用{{message}}就可以了!原本一直想用.vue是以为这样才算是使用vue
作者: freeccc (自由的ccc)   2019-04-19 19:56:00
Vue 有修改需要编译后才看得到变动,有试过 npm run dev吗
楼主: oinnnnk (Oink)   2019-04-19 21:07:00
npm run dev 喷一堆ERR然后还是没更动
作者: freeccc (自由的ccc)   2019-04-20 16:49:00
错误讯息是啥,拿去喂 Google 看看https://laravel.com/docs/5.8/frontend 照着文件跑跑看吧,然后我猜你可能没有 npm install如果用 Vue.js 开发对你来说门槛太高,可以用 blade 就好
作者: crossdunk (推嘘自如)   2019-04-25 19:00:00
慢慢来吧 vue做什么的你都不知道了吧
作者: Zephyr750 (红莲西风750)   2019-06-07 20:17:00
官网不建议用 vue-resource, 建议用 axios

Links booklink

Contact Us: admin [ a t ] ucptt.com