• Vue.extend( options )

    Vue.extend( options )

    • 参数：

      • {Object} options
    • 用法：

    使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象。

    data 选项是特例，需要注意 - 在 Vue.extend() 中它必须是函数

    1. <div id="mount-point"></div>
    1. // 创建构造器
    2. var Profile = Vue.extend({
    3.   template: '<p>{{firstName}} {{lastName}} aka {{alias}}</p>',
    4.   data: function () {
    5.     return {
    6.       firstName: 'Walter',
    7.       lastName: 'White',
    8.       alias: 'Heisenberg'
    9.     }
    10.   }
    11. })
    12. // 创建 Profile 实例，并挂载到一个元素上。
    13. new Profile().$mount('#mount-point')

    结果如下：

    1. <p>Walter White aka Heisenberg</p>
    • 参考：组件