从vue-router报Unknown custom element: <router-view> 看Vue.use&install

Unknown custom element:

第一：

import VueRouter from 'vue-router';

import routers from './Router.js'

Vue.use(VueRouter)//这里要注册

new Vue({

    el:'#root',

    router:routers,

    template:'

    components: {App}

})

如果首页不适用Vue.use(VueRouter)，在路由文件里面

import Vue from 'vue';

import VueRouter from 'vue-router';

Vue.use(VueRouter);

const router = new VueRouter({

因为在vue-router内部会检测window.Vue对象是否存在，如果存在就会自动调用Vue.use()方法，否则需要手动调用Vue.use(VueRouter)来确保路由插件注册到Vue中。在支持AMD环境中，Vue对象并不会暴露到全局window对象中，而是会通过define()形式输出和引入，因此需要手动注册（原文：https://blog.csdn.net/luciferms/article/details/83792402 ）,推进阅读《Vue2.0总结———vue使用过程常见的一些问题》

从这里，就拓展到

export default {

  install(Vue, options = {}) {

在插件中调用Vue生态

转载本站文章《从vue-router报Unknown custom element: <router-view> 看Vue.use&install》,
请注明出处：https://www.zhoulujun.cn/html/webfront/ECMAScript/vue/7502.html