Vue.use() 和 Vue.extend() 的用法

206 阅读1分钟
Vue.use()
  • 经常会用到Vue.use(VueRouter),Vue.use(elementUI); 因为这些插件有install,而axios没有install,axios不能use。因为axios不是专为Vue设计的,他是一个http库,其他框架也可以用。
  • Vue 安装的组件必须是函数或对象。 如果是函数,会被直接当成install函数执行。 如果是对象,必须提供install方法。
Vue.extend()
  • 使用Vue.extend返回一个子类构造函数,也就是预设部分选项的Vue实例构造器。 后可使用vue.component进行实例化、或者使用new extendName().$mount(el); 的方式进行实例化,从而实现模拟组件

    ​
    <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')
    

\