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()
本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!