Vue自定义插件

1.第一步

首先创建一个plugin文件夹 把响应的代码放到其中对应的文件夹中

var MyPlugin = {}
//第一个参数是vue  第二个参数就是引入这个包 Vue.use()的时候的第二个参数
MyPlugin.install = function (Vue, options) {
  console.log(options);
  // 1. 添加全局方法或 property
  //一般自定义插件都会在名字前面加上$符号
  Vue.prototype.$dialog = function (info) {
    alert('hi' + options.msg + info);
  }
}
export default MyPlugin

import axios from 'axios'


var obj = {}
obj.install = function (Vue, options) {
  // 1. 添加全局方法或 property
  Vue.prototype.$https = axios
}

export default obj

2.第二步

在入口文件中注册这些插件

import Dialog from './plugin/dialog'
import https from './plugin/axios'
//第二个参数就是options实参
Vue.use(Dialog, {
  msg: '自定义插件'
})
Vue.use(https)

3.第三步

使用这些插件

 methods: {
    handle () {
      this.$dialog('这是')
      // console.log(this.$https);
      this.$https({
        url: 'http://rap2api.taobao.org/app/mock/269417/user/v1',
        type: 'get'
      }).then((response) => {
        console.log(response);
      })
    }
  }