前言
将 weex 的网络加载方式 fetch 简单封装下,在全局组件中进行使用;基本思路:
- 封装 fetch 插件
- 在 vue 中进行注册
- 组件中进行使用
插件封装
如代码所示,注意使用 vue.mixin 方法即可
/**
* Created by yuan on 2017/11/1.
* weex 网络请求操作
*/
const BASE_URL = "http://192.168.3.16:8080"
const stream = weex.requireModule('stream')
function get(repo, callback) {
return stream.fetch({
method: 'GET',
type: 'json',
url: BASE_URL + repo
}, callback)
}
export default {
install: function (Vue, options) {
// 添加的内容写在这个函数里面
Vue.mixin({
methods: {
get: function (repo, callback) {
get(repo, callback)
}
}
})
}
}
注册插件
在 main.js (entry.js )中进行注册插件
import http from './service/http'
// setting http
Vue.use(http)
使用
直接在 组件的 methods 中进行调用即可;
this.get('/login',res=>{
})