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

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

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

vue2路由router-view不顯示

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

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

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)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關文章

最新評論