美文网首页
vue.component、vue.extend、vue

vue.component、vue.extend、vue

作者: 梦回路上小一 | 来源:发表于2019-01-10 21:01 被阅读0次
  • 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']
}

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

相关文章

网友评论

      本文标题:vue.component、vue.extend、vue

      本文链接:https://www.haomeiwen.com/subject/nqnorqtx.html