问题:[Vue warn]: Unknown custom element: <router-view> - did you register the component correctly? For recursive components, make sure to provide the "name" option.found in
解决:
需要在router的index.js里面写
import Vue from "vue";
Vue.use(VueRouter);
配置路由的步骤
- 在src下面创建router文件夹,新建index.js文件也可以在新建一个routes.js文件在这里面单独配置路由信息.
routes.js里面内容
{
path: '/home',
name: 'home',
component: ()=>import('@/views/Home'),
//路由元信息,新学习的一个配置项!!!!给当前路由添加一些额外数据
//它的右侧是一个对象[可以有多个键值对]
//路由配置项:书写的时候不要胡写、乱写、瞎写【在VC组件身上获取不到,没有任何意义】
meta: { show: true },
}
]
index.js里面内容
import VueRouter from "vue-router";
//在Vue里面使用VueRouter
import Vue from "vue";
Vue.use(VueRouter);
//引入路由相关配置项
import routes from "./routes";
const router = new VueRouter({
//配置路由
routes,
//设置滚动条的位置
scrollBehavior() {
//滚动行为这个函数,需要有返回值,返回值为一个对象。
//经常可以设置滚动条x|y位置 [x|y数值的设置一般最小是零]
return { y: 0 };
}
});
export default router;
- main.js 里面进行配置
main.js里面的代码
//引入路由
import router from '@/router/'
new Vue({
render: h => h(App),
router
}).$mount('#app')
`````