vue

130 阅读1分钟

Vue.extend

创建组件的,区别于.vue 文件的组件, 这种形式其实是将$el作为参数来使用的

var Profile = Vue.extend({
  template: '<p>{{firstName}} {{lastName}} aka {{alias}}</p>',
  data: function () {
    return {
      firstName: 'Walter',
      lastName: 'White',
      alias: 'Heisenberg'
    }
  }
})
// 创建 Profile 实例,并挂载到一个元素上。
new Profile().$mount('#mount-point')
<div id="mount-point"></div>
  let MessageConstructor = Vue.extend(Main);
  instance = new MessageConstructor({
      data: options
    });

slot

// 使用 
 <el-tag slot="before" size="small">new</el-tag>
 // 定义 命名
  <slot name="after" :class="b('after')"></slot>