脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → vue.js → vue2路由router-view不显示

vue2路由中router-view不显示的原因及踩坑记录

 更新时间：2022年04月28日 09:38:37   作者：前端小白QAQ  
这篇文章主要介绍了vue2路由中router-view不显示的原因及踩坑记录，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教

vue2路由router-view不显示

由于平常都是复制粘贴，对于变量的命名并没有太大的规范，在加上看官方文档并没与什么说明变量名必须为routes，所以出现了这个原因，不多说上代码

在代码中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 且是个对象

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

最新评论