- vue.component 注册全局组件
- vue.extend 创建组件构造器
vue.component(组件名,组件构造器函数)
let Com = {
name: 'com',
//vue 2.5好像就不支持template了,需要改配置。可以使用render渲染函数
//template: `<div>3333</div>`,
render(createElement){
createElement('div', 3333)
},
data(){
return {}
}
}
// 注册组件,传入一个扩展过的构造器
Vue.component('my-component', Vue.extend(Com))
// 注册组件,传入一个选项对象 (隐性自动调用 Vue.extend)
Vue.component('my-component', Com)
// 获取注册的组件 (始终返回构造器)
var MyComponent = Vue.component('my-component')
let Tpl = {
name: 'tpl',
render(h) {
return h('div', [h('p', ['txt', h('p', this.monday)])])
},
data(){
return {
duration: 1123
}
},
props: ['monday','friday','thursday']
}
网友评论