Vue.use注册插件

安装 Vue.js 插件。如果插件是一个对象,必须提供 install 方法。如果插件是一个函数,它会被作为 install 方法。
install 方法调用时,会将 Vue 作为参数传入。
插件类型必须是Function 或 Object。

该方法需要在调用 new Vue() 之前被调用。
当 install 方法被同一个插件多次调用,插件将只会被安装一次。

插件通常会为 Vue 添加全局功能。插件的范围没有限制——一般有下面几种:

  1. 添加全局方法或者属性,如: vue-custom-element
  2. 添加全局资源:指令/过滤器/过渡等,如 vue-touch
  3. 通过全局 mixin 方法添加一些组件选项,如: vue-router
  4. 添加 Vue 实例方法,通过把它们添加到 Vue.prototype 上实现。
  5. 一个库,提供自己的 API,同时提供上面提到的一个或多个功能,如 vue-router

通过全局方法 Vue.use() 使用插件,也可以传入一个选项对象:

Vue.use(MyPlugin, { someOption: true })

新建一个MyPlugin.js

class MyPlugin {
 install (Vue, options) {
    let MyPlugin = this
    this.appid = options.appid
    Vue.mixin({
      created: function () {
        this.$MyPlugin = MyPlugin
      },
    })
  }
}

main.js中

import MyPlugin from './MyPlugin'
Vue.use(MyPlugin, {
  appid: ‘123’
})

你可能感兴趣的:(Vue.use注册插件)