vue 插件

定义插件,install必须的

MyPlugin.install = function (Vue, options) {
  // 1. add global method or property
  Vue.myGlobalMethod = function () {
    // something logic ...
  }
  // 2. add a global asset
  Vue.directive('my-directive', {
    bind (el, binding, vnode, oldVnode) {
      // something logic ...
    }
    ...
  })
  // 3. inject some component options
  Vue.mixin({
    created: function () {
      // something logic ...
    }
    ...
  })
  // 4. add an instance method
  Vue.prototype.$myMethod = function (options) {
    // something logic ...
  }
}

使用插件Vue.use()

// calls `MyPlugin.install(Vue)`
Vue.use(MyPlugin)
Vue.use(MyPlugin, { someOption: true })

插件只能安装一次,vue会自动判断
官方插件vue-router 会自动调用
有时候在commonJs中需要自己调用

// When using CommonJS via Browserify or Webpack
var Vue = require('vue')
var VueRouter = require('vue-router')

// Don't forget to call this
Vue.use(VueRouter)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 前言 热爱vue开发的同学肯定知道awesome-vue 这个github地址,里面包含了数以千计的vue开源插件...
    劳卜阅读 14,001评论 2 57
  • 本文首发于掘金专栏,发布于我的独立博客、简书,转载请保留原文链接。 通常在开发一个项目的时候,会用到类似弹出框、提...
    悟空leo阅读 3,996评论 0 2
  • 写在前面 本次演示的是开发一个 vue手机虚拟支付键盘插件主要讲解的是如何快速开发一个vue插件并发布到npm上 ...
    宇cccc阅读 14,979评论 20 48
  • 文/ziven标题图/来自网络 有时候,开发过程中,有意无意都会慢慢有自己的一些积累,比如说写了一个动画组件,或者...
    拿着号码牌徘徊阅读 6,266评论 0 4
  • 100天30篇文章,第11篇 《不设限的人生才能活出真色彩》
    曼思阅读 1,535评论 0 0

友情链接更多精彩内容