Vue插件开发

2019-01-29  本文已影响0人  chuaa

项目里的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
}
上一篇下一篇

猜你喜欢

热点阅读