vue全局组件定义的3种方法
什么是组件?组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可。下面讲解vue全局组件定义的3种方法。
方法1.使用
Vue.extend 配合 Vue.component 方法:
var login = Vue.extend({ template: '登录
' }); Vue.component('login', login);
方法2.直接使用 Vue.component 方法:
Vue.component('register', { template: '注册
' });
方法3.将模板字符串,定义到script标签种:
特别注意:此方法一定需要使用 Vue.component 配合来定义组件:
Vue.component('account', { template: '#tmpl' });
THE END
二维码
打赏
共有 0 条评论