Vue.extend的用法

Vue.extend( options )

• 参数：
  {Object} options

• 用法：
  使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象。
  data 选项是特例，需要注意 - 在 Vue.extend() 中它必须是函数

  <div id="mount-point"></div>
  // 创建构造器
  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')
  // 挂在到body
  new Profile().$mount()
  

• extend创建的是一个组件构造器，而不是一个具体的组件实例。

• 不能直接在new Vue中直接使用，要通过Vue.components注册才可以使用。