vue2路由中router-view不显示的原因及踩坑记录
短信预约 -IT技能 免费直播动态提醒
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 且是个对象
以上为个人经验，希望能给大家一个参考，也希望大家多多支持编程网。
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
