vue專案開發中踩過的坑

一、路由

這兩天移動端的同事在研究vue，跟我說看著我的專案做的，子路由訪問的時候是空白的，我第一反應是，不會模組沒載入進來吧，還是。。。。此處省略一千字。。。

廢話不多說上**

路由**

,

redirect: '/ordermanger',
children: [,]}

}        

}

2、點選訂單管理選單，位址列位址顯示正確的，但是頁面渲染為空白

看到**第一反應是children裡的子路由以斜線「」/「」開頭了，記得以前踩過這個坑，好像說的是子路由以斜線開頭表示絕對路徑了，但是當時沒記錄，年紀大了記性不好，後面就忘了。。。。。（吸取教訓，在**跌倒，就要在**做個標記。。。）

言歸正傳，後面仔細又去查了下，

如果路由以「/」開頭，那麼他會作為根路徑進行渲染，也就是一層路由。

如果位址不是/開頭，會直接替換當前路由的最後乙個/後的位址

所以按照以上的**的寫法，要想訪問訂單管理的模組應該是在http://localhost:8080/#/ordermanger路由下

果然，始終不露面的訂單管理頁面出來了，但。。。這不是我們想要的。。。。

我們想要的是/list/ordermanger

根據上面對斜線/「」的理解修改如下

路由**：

選單拼接修改：

那麼：現在正常訪問了！

二、vue模組匯入不加.vue字尾
解決方法：加上.vue字尾
原因：先記錄下來，忙過這段兒研究下。。。。。
 
Vue專案踩過的坑
vue cli vue腳手架 的好處就在於使用 vue ui在vue的ui上直接配置依賴 安裝外掛程式 啟動服務。很舒適。如果你發現安裝總失敗 大概率vue.js或者node.js版本不行。echarts官網直接搞個example下來放在mounted 鉤子函式中用是沒問題的。但是你會發現在elem...
Vue踩過的坑
vue檔案縮排問題,嚴格縮排,如果需要四個字元的縮排請修改為,當然造成這個的結果是,建立檔案的時候 use eslint to lint your code?這句話就是告訴你是不是要給你管理 縮排,選擇no就完事了,啥事沒有 下面是.eslintrc.js的 如果你選擇了yes的話就修改下面這段 吧...
Golang開發踩過的坑
如何判斷某type型別實現了某介面 作為golang開發的小白，日常開發時候總會遇到一些問題，本篇部落格的會收錄一些日常開發時踩過的坑，可能有解決了的，也許也會有沒解決的。在使用for range進行遍歷切片或陣列時，遍歷時的指標index，value只是乙個臨時且位址不變的記憶體位址 packag...