vue文档中的方法

MyPlugin.install = function (Vue, options) { // 1. 添加全局方法或 property Vue.myGlobalMethod = function () { // 逻辑... } // 2. 添加全局资源 Vue.directive('my-directive', { bind (el, binding, vnode, oldVnode) { // 逻辑... } ... }) // 3. 注入组件选项 Vue.mixin({ created: function () { // 逻辑... } ... }) // 4. 添加实例方法 Vue.prototype.$myMethod = function (methodOptions) { // 逻辑... } }

插件使用步骤

注： 比如在vue中使用axios，但是axios并不是vue插件，我们不能用Vue.use()的方法，如果想用这个方法，只能自己开发插件。

1. 在src文件夹下新建 plugin文件夹

2.再在plugin文件夹下新建pAxios.js文件，用来开发插件

3.Vue.js 的插件应该暴露一个 install 方法，这个方法的第一个参数是 Vue 构造器。所以我们的写法如下：

import axios from 'axios' const pAxios = {} pAxios.install = function (Vue) { Vue.prototype.$http = axios } export default pAxios

注 ：Vue.prototype是Vue对象的原型，我们在上面添加的上面，生成的组件实例都会拥有这个方法，所以我们可以在每个组件中使用$http方法。

4.然后我们在main.js 中引入这个插件，就像使用element-ui一样，我们就可以使用Vue.use()方法了。

import pAxios from '@/plugin/pAxios.js' Vue.use(pAxios)