[問題] vue + laravel + mysql Vue的一些問題

看板Ajax作者 (Oink)時間5年前 (2019/04/19 04:08), 編輯推噓3(3016)
留言19則, 5人參與, 4年前最新討論串1/1
小弟要做一個網頁 但基礎很淺很淺 前端使用Vue 後端用Laravel 都從mysql拿資料 有學過Laravel所以還不是問題 目前遇到的困難是不知道怎麼使用Vue 甚至不能確定有沒有安裝了... 在cmd中輸入npm install vue有傳回+vue@2.6.10 npm install vue-resource傳回+vue-resource@1.5.1 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://www.ptt.cc/bbs/Ajax/M.1555618127.A.BA6.html

04/19 10:36, 5年前 , 1F
初學vue的話,可以先用<script>來引入vue
04/19 10:36, 1F

04/19 10:38, 5年前 , 2F
.vue 文檔只是“組件”被單獨存儲成了文檔而已
04/19 10:38, 2F

04/19 10:40, 5年前 , 3F
先透過import載入到app.js中,再當作普通組建使用即可
04/19 10:40, 3F

04/19 10:43, 5年前 , 4F
至於laravel中的{{}}需要放入<div id='app'></div>中
04/19 10:43, 4F

04/19 12:31, 5年前 , 5F
04/19 12:31, 5F

04/19 12:51, 5年前 , 6F
我如果在同一個blade中寫好原本app.js的message
04/19 12:51, 6F

04/19 12:51, 5年前 , 7F
下面再用{{message}}就可以了!
04/19 12:51, 7F

04/19 12:51, 5年前 , 8F
原本一直想用.vue是以為這樣才算是使用vue
04/19 12:51, 8F

04/19 19:56, 5年前 , 9F
Vue 有修改需要編譯後才看得到變動,有試過 npm run dev
04/19 19:56, 9F

04/19 19:56, 5年前 , 10F
04/19 19:56, 10F

04/19 21:07, 5年前 , 11F
npm run dev 噴一堆ERR然後還是沒更動
04/19 21:07, 11F

04/20 15:07, 5年前 , 12F
大大 我知道怎麼抓後端資料了
04/20 15:07, 12F

04/20 15:07, 5年前 , 13F
現在變成npm run dev會出錯.... 不知道哪裡的問題
04/20 15:07, 13F

04/20 16:49, 5年前 , 14F
錯誤訊息是啥,拿去餵 Google 看看
04/20 16:49, 14F

04/20 16:53, 5年前 , 15F
04/20 16:53, 15F

04/20 16:53, 5年前 , 16F
吧,然後我猜你可能沒有 npm install
04/20 16:53, 16F

04/20 16:54, 5年前 , 17F
如果用 Vue.js 開發對你來說門檻太高,可以用 blade 就好
04/20 16:54, 17F

04/25 19:00, 5年前 , 18F
慢慢來吧 vue做什麼的你都不知道了吧
04/25 19:00, 18F

06/07 20:17, 4年前 , 19F
官網不建議用 vue-resource, 建議用 axios
06/07 20:17, 19F
文章代碼(AID): #1SkDbFkc (Ajax)