这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、概述在我们开发中，经常要用到Vue.extend创建出Vue的子类来构造函数，通过new得到子类的实例，然后通过$mount挂载到节点，如代码：varProfile=Vue.extend({template:'{{firstName}}{{lastName}}aka{{alias}}',data:function(){return{firstName:'Walter',lastName:'White',alias:'Heisenberg'}}})newProfile().$mount('#mount-point');$mount方

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、概述在我们开发中，经常要用到Vue.extend创建出Vue的子类来构造函数，通过new得到子类的实例，然后通过$mount挂载到节点，如代码：varProfile=Vue.extend({template:'{{firstName}}{{lastName}}aka{{alias}}',data:function(){return{firstName:'Walter',lastName:'White',alias:'Heisenberg'}}})newProfile().$mount('#mount-point');$mount方

今天npmrundev的时候，有个页面报错，提示[Vuewarn]:Failedtomountcomponent:templateorrenderfunctionnotdefined.昨天还好好的，今天就报错了，也没改啥。经过查资料，反复查证回想改了什么，发现是因为昨天在在哪个页面组件目录（src\views\组件目录）里面新建了个index.js，so，现在这个组件目录下有一个index.vue和index.js，导致路由配置表里面引入组件的时候引入到了index.js没有引入到组件导致报错。路由表配置：component:()=>import('@/views/subfile/index'

今天npmrundev的时候，有个页面报错，提示[Vuewarn]:Failedtomountcomponent:templateorrenderfunctionnotdefined.昨天还好好的，今天就报错了，也没改啥。经过查资料，反复查证回想改了什么，发现是因为昨天在在哪个页面组件目录（src\views\组件目录）里面新建了个index.js，so，现在这个组件目录下有一个index.vue和index.js，导致路由配置表里面引入组件的时候引入到了index.js没有引入到组件导致报错。路由表配置：component:()=>import('@/views/subfile/index'