从vue-router报Unknown custom element: <router-view> 看Vue.use&install
Author:[email protected] Date:
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
延伸阅读:
- 数组循环v-model绑定报错You are binding v-model directly to
- webpack4.x搭建vue工程,各种报错
- vue element-ui loading延迟出现loading效果—elementUI设置loading
- vue中methods/watch/computed对比分析,watch及computed原理挖掘
- 前端组件化:Vue/React组件设计思想与遵从原则
- Vue中scoped原理以及带来的样式问题
- vue router warnging:Expected indentation of 10 spaces but found 12
- Slot:HTML5-template与vue-template的区别,Vue中template与slot异同
- vue.directive:vue自定义指令钩子函数——从源码解读
- Vue Router(0):params和query的区别+重定向参数转发+别名作用
- vue2.x老项目typescript改造过程经验总结
- JSX与Vue Template(SFC):React比Vue2.x更适合集成TS,Vue3+TSX境况几何
- Vuex在TSX中的改造方案:TS改造Vue2项目Vuex如何处置?
- vue2.x+vuex项目Typescript改造:vue模板从jsx到tsx需要注意的事项
- VueRouter和ReactRouter原理:$router与$route区别,见习React Router 4.0
- vue项目sass文件找不到css背景图片:weppack报路径出错
- Vue依赖注入:provide/inject
- 详解v-model:v-model双向绑定与Vue自定义组件设置
- vue源码 源码解读
- vue-loader与vue-cli webpack配置笔记:vue-config.js笔记 替换loader
- watch性能优化:vue watch对象键值说明-immediate属性详解
- vue mixins、Vue.extend() 、extends使用注意事项笔记
- vue keep-alive(1):vue router如何保证页面回退页面不刷新?
- vue keep-alive(2):剖析keep-alive的实现原理—学习笔记整理
- vue、react中key有何区别?循环渲染优化与Vue.delete删除