阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      Vue.js 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')
      

      结果如下:

      <p>Walter White aka Heisenberg</p>
      

      参考

      组件

      目录
      目录