安装 Vue.js 插件。如果插件是一个对象,必须提供 install
方法。如果插件是一个函数,它会被作为 install 方法。
install 方法调用时,会将 Vue 作为参数传入。
插件类型必须是Function 或 Object。
该方法需要在调用 new Vue()
之前被调用。
当 install 方法被同一个插件多次调用,插件将只会被安装一次。
插件通常会为 Vue 添加全局功能。插件的范围没有限制——一般有下面几种:
- 添加全局方法或者属性,如: vue-custom-element
- 添加全局资源:指令/过滤器/过渡等,如 vue-touch
- 通过全局 mixin 方法添加一些组件选项,如: vue-router
- 添加 Vue 实例方法,通过把它们添加到 Vue.prototype 上实现。
- 一个库,提供自己的 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’
})