[問題] 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