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);
})
}
}