此資料夾下為存放元件目錄,建議將每個元件再單獨建立一個資料夾裡面存放js,css,html,vue檔案

例如主頁:

Home.vue裡為

將script中程式碼剪下貼上至home.js中,home.js裡面不需要寫script標籤.

注意:目錄名稱與目錄下檔案不要一模一樣,檔名最好大寫首字母

home.html裡為home.vue中template中的內容 注意:此時template標籤中不需要寫id,id寫在html的第一個div中

以此類推,Home.vue中不需要寫東西 只需要引用,讓程式碼更容易維護,看起來更清晰.

此處為路由,在這個檔案裡引入元件,註冊元件

注意這句話的最後面要帶字尾,因為同樣有四個叫做Home的,不加字尾程式不知道去找哪個

這就vue-cli搭建的時候注意事項

注意在安裝axios的時候要用管理員執行web-storm

其他一些步驟與不用腳手架時相同,方法在哪裡呼叫寫在哪個元件的js中,data同樣

axios在哪裡呼叫也在哪個元件的js中去匯入