vue与后台交互ajax数据
vue.js是一套构建用户界面的渐进式的前端框架。 vueJS与后台交互数据的方法我所了解的有以下几种:
(1)引入vue-resource(mian.js)
安装依赖:npm install vue-resource --save
import VueResource from 'vue-resource'
vue.use(VueResource)注意:vue-resource在vue2.0之后就不再更新维护,vue的作者尤雨溪推荐使用axios,axios支持NOde.js环境和浏览器环境。
(2)引入axios(mian.js)
安装依赖:npm install axios --save
import axiox from 'axios'
Vue.prototype.$http = axios调用两种方法都是:(XX.vue)
this.$http.get([url].then(
response => {}
)项目中发现,在安卓4.3及以下的手机不支持axios的使用。主要原因就是无法使用promise。解决:加上polyfill就可以了。
在项目中安装es6-promise
npm install es6-promise --save-dev
在main.js中引入
require('es6-promise').polyfill();
(3)或者引用原生ajax请求数据
引入js文件,使用$.ajax()
本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!