vue.component、vue.extend、vue

  • vue.component 注册全局组件
  • vue.extend 创建组件构造器

vue.component(组件名,组件构造器函数)

let Com = {
  name: 'com',
  //vue 2.5好像就不支持template了,需要改配置。可以使用render渲染函数
  //template: `
3333
`, 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'] }

有错请指出,共同进步,谢谢大家

你可能感兴趣的:(vue.component、vue.extend、vue)