欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue2路由中router-view不顯示的原因及踩坑記錄

 更新時間：2022年04月28日 09:38:37   作者：前端小白QAQ  
這篇文章主要介紹了vue2路由中router-view不顯示的原因及踩坑記錄，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教

vue2路由router-view不顯示

由于平常都是復(fù)制粘貼，對于變量的命名并沒有太大的規(guī)范，在加上看官方文檔并沒與什么說明變量名必須為routes，所以出現(xiàn)了這個原因，不多說上代碼

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

import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '@/views/home'
Vue.use(VueRouter)
const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home,
    redirect: '/index',
    children: [
      {
        path: 'index',
        name: 'index',
        component: () => import('@/views/index.vue')
      }
    ]
  }
]
const router = new VueRouter({
  routes
})
export default router

vue vue-router的神坑

router-view不顯示

必須是routes 且是個對象

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論