美文网首页
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