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

在代碼中const聲明的變量名必須為routes，千萬不能寫成別的，我全程就寫了一手routers，導(dǎo)致router-view標(biāo)簽不渲染，結(jié)果浪費(fèi)了一個(gè)小時(shí)排查錯(cuò)誤。

應(yīng)該是：

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

vue vue-router的神坑
router-view不顯示
必須是routes 且是個(gè)對(duì)象
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。