vueJS与后台交互数据

Posted 2021-05-01 与晴共舞

  Vue.js是一套构建用户界面的渐进式的前端框架。

（一）    vueJS与后台交互数据的方法我所了解的有以下几种：

      （vue-resource在vue2.0之后就不再更新维护，vue的作者尤雨溪推荐使用axios，axios支持NOde.js环境和浏览器环境。）

    （1）引入vue-resource(mian.js)

import VueResource from 'vue-resource'

vue.use(VueResource)

    （2）引入axios(mian.js)

import axiox from 'axios'

Vue.prototype.$http = axios

引入之前先安装：

npm install vue-resource

npm install axios

调用两种方法都是：(XX.vue)

this.$http.get([url].then(response => {})

（二）项目中发现，在安卓4.3及以下的手机不支持axios的使用。

主要原因就是无法使用promise。解决：加上polyfill就可以了。

（1）在项目中安装es6-promise

         cnpm install es6-promise --save-dev

（2）在main.js中引入

          require('es6-promise').polyfill();

（三）或者引用原生ajax请求数据

引入js文件，使用$.ajax()