项目里的iview是以插件的形式引入的,于是便了解了一下Vue的插件。
插件通常会为Vue添加全局功能。
插件的范围.png
插件的使用
通过Vue.use(plugin)使用插件,它需要在调用new Vue()启动应用之前完成。
开发插件
如果插件是一个对象,必须提供install方法;如果插件是一个函数,它会被作为install方法。
Vue.js 的插件应该有一个公开方法 install。这个方法的第一个参数是 Vue 构造器,第二个参数是一个可选的选项对象:
第一种:
let MyPlugin = {}
MyPlugin.install = function (Vue,options) {
// 1. 添加全局方法或属性
Vue.globalMyMethods = function () {}
// 2. 添加全局资源
Vue.directive('my-derective', {
bind() {}
})
// 3. 全局混入(慎用)
Vue.mixin({
})
// 4. 添加实例方法
Vue.prototype.$myMethod = function () {
// code
}
}
export default MyPlugin
第二种:
export default function (Vue, options) {
// code
}
网友评论