产生此问题原因 :createRouter(),创建路由时候传入参数名称存在问题
官方文档指出createRouter()方法参数名 history,routes 。排查这两个参数名称,传入的名称必须和这个一样
错误代码分析:
重点看红色框框中代码

以上代码我使用简写方式,创建路由这步操作中传入的参数 我传入的 routers 这个参数名称
和官方文档中 routes 参数名称不一致,造成此错误原因
解决办法:
const routes = [
{ path: '/home', component: Home },
{ path: '/footer', component: Footer }
]
//创建路由
const router = createRouter({
history: createWebHashHistory(),
routes: routes //这个参数的key 一定要与官方文档名字保持一致
});
注意看红色的代码,这样写就没问题了
这个地方我大意了啊,没注意细节 ...............
本文详细介绍了在使用Vue.js创建路由时遇到的问题,由于将`routes`参数误写为`routers`导致的错误。通过对比官方文档,发现参数名必须与`routes`一致。修正后的代码示例展示了正确创建路由的方法,强调了遵循官方文档细节的重要性。
932

被折叠的 条评论
为什么被折叠?



