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>