vue2.x之vue2.x的全局api(二)
Vue.use
Vue.use(plugin)用来全局注册插件.
Vue.js 的插件应该暴露一个 install 方法。这个方法的第一个参数是 Vue 构造器,第二个参数是一个可选的选项对象:
MyPlugin.install = function (Vue, options) {
// 1. 添加全局方法或属性
Vue.myGlobalMethod = function () {
// 逻辑…
}
// 2. 添加全局资源
Vue.directive(‘my-directive’, {
bind (el, binding, vnode, oldVnode) {
// 逻辑…
}
…
})
// 3. 注入组件选项
Vue.mixin({
created: function () {
// 逻辑…
}
…
})
// 4. 添加实例方法
Vue.prototype.$myMethod = function (methodOptions) {
// 逻辑…
}
}
使用插件
// 用 Browserify 或 webpack 提供的 CommonJS 模块环境时
let Vue = require('vue')
let VueRouter = require('vue-router')
// 不要忘了调用此方法
Vue.use(VueRouter)
也可以传入可选项
Vue.use(MyPlugin, {
someOption: true })
开发插件示例
创建一个名为mycomponent的文件,其中包括mycomponent.vue和index.js
mycomponent.vue中
// mycomponent.vue
<template>
<div>组件</div>
</template>
<script>
export default{
name