<router-view> - did you register the component correctly? For recursive components, make sure to ...

问题:[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')
`````