Fe - weex uses a simple encapsulated data loading plug-in as the global loading method

Preface

take weex Network loading method of fetch Simple package , Used in global components ; The basic idea ：

• encapsulation fetch plug-in unit
• stay vue Register in
• Components

Plug in encapsulation

As the code shows , Pay attention to vue.mixin The method can

/** * Created by yuan on 2017/11/1. * weex  Network request operation  */

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) {
    
        //  The added content is written in this function 
        Vue.mixin({
            methods: {
                get: function (repo, callback) {
    
                    get(repo, callback)
                }
            }
        })
    }
}

Register plug-ins

stay main.js （entry.js ） Register plug-ins in

import http from './service/http'
 // setting http
Vue.use(http)

Use

Directly in Component's methods Call in ;

this.get('/login',res=>{

})