vue.component、vue.extend、vue

2019-01-10  本文已影响0人  梦回路上小一

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

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

上一篇 下一篇

猜你喜欢

热点阅读