由于平常都不太注意命名細節，對于變量的命名并沒有太大的規范，在加上看官方文檔并沒與什么說明變量名必須為routes，我給寫成了routers所以出現了這個原因，不多說上代碼

在代碼中const聲明的變量名必須為routes，千萬不能寫成別的，我全程就寫了一手routers，導致router-view標簽不渲染，結果浪費了一個小時排查錯誤。

應該是：

// 創建一個路由器 const router = new VueRouter({routes: [{path: '/about',component: About},{path: '/home',component: Home},] }) // 暴露 export default router

vue vue-router的神坑
router-view不顯示
必須是routes 且是個對象
以上為個人經驗，希望能給大家一個參考

總結

以上是生活随笔為你收集整理的vue2路由中router-view不显示的原因及踩坑记录的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。