vue.component、vue.extend、vue

  • 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']
}

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容