作者oinnnnk (Oink)
看板Ajax
標題[問題] vue + laravel + mysql Vue的一些問題
時間Fri Apr 19 04:08:45 2019
小弟要做一個網頁 但基礎很淺很淺
前端使用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)
-----
Sent from JPTT on my Google Pixel 3 XL.
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 101.8.132.136
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Ajax/M.1555618127.A.BA6.html
1F：推 coldfusion: 初學vue的話，可以先用<script>來引入vue 04/19 10:36
2F：→ coldfusion: .vue 文檔只是“組件”被單獨存儲成了文檔而已 04/19 10:38
3F：→ coldfusion: 先透過import載入到app.js中，再當作普通組建使用即可 04/19 10:40
4F：→ coldfusion: 至於laravel中的{{}}需要放入<div id='app'></div>中 04/19 10:43
6F：→ oinnnnk: 我如果在同一個blade中寫好原本app.js的message 04/19 12:51
7F：→ oinnnnk: 下面再用{{message}}就可以了！ 04/19 12:51
8F：→ oinnnnk: 原本一直想用.vue是以為這樣才算是使用vue 04/19 12:51
9F：→ freeccc: Vue 有修改需要編譯後才看得到變動，有試過 npm run dev 04/19 19:56
10F：→ freeccc: 嗎 04/19 19:56
11F：→ oinnnnk: npm run dev 噴一堆ERR然後還是沒更動 04/19 21:07
12F：→ oinnnnk: 大大 我知道怎麼抓後端資料了 04/20 15:07
13F：→ oinnnnk: 現在變成npm run dev會出錯.... 不知道哪裡的問題 04/20 15:07
14F：→ freeccc: 錯誤訊息是啥，拿去餵 Google 看看 04/20 16:49
16F：→ freeccc: 吧，然後我猜你可能沒有 npm install 04/20 16:53
17F：→ freeccc: 如果用 Vue.js 開發對你來說門檻太高，可以用 blade 就好 04/20 16:54
18F：推 crossdunk: 慢慢來吧 vue做什麼的你都不知道了吧 04/25 19:00
19F：推 Zephyr750: 官網不建議用 vue-resource, 建議用 axios 06/07 20:17