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

友情链接更多精彩内容