cli的移动端H5开发模板(2)

function get(url, data, lodaing) { return new Promise((resolve, reject) => { http .get(url) .then( response => { resolve(response) }, err => { reject(err) } ) .catch(error => { reject(error) }) }) } function post(url, data, loading) { return new Promise((resolve, reject) => { http .post(url, data, { loading: loading }) .then( response => { resolve(response) }, err => { reject(err) } ) .catch(error => { reject(error) }) }) } export { get, post }

3.把 get，post 方法挂载到 vue 实例上。

// main.js import { get, post } from './js/ajax' Vue.prototype.$http = { get, post } 工具类函数封装 添加方法到 vue 实例的原型链上 export default { install (Vue, options) { Vue.prototype.util = { method1(val) { ... }, method2 (val) { ... }, } }

2.在 main.js 通过 vue.use()注册

import utils from './js/utils' Vue.use(utils)