Vue.js Ajax(axios)
Vue.js 2.0 版本推荐使用 axios 来完成 ajax 请求。
Axios 是一个基于 Promise 的 HTTP 库,可以用在浏览器和 node.js 中。
安装方法
使用 cdn:
或
使用 npm:
$ npm install axios
使用 bower:
$ bower install axios
使用 yarn:
$ yarn add axios
浏览器支持情况
GET 方法
我们可以简单的读取 JSON 数据:
GET 实例
newVue({el:'#app',data(){return{info:null}},mounted(){axios.get('https://www.runoob.com/try/ajax/json_demo.json').then(response=>(this.info=response)).catch(function(error){//请求失败处理console.log(error);});}})
尝试一下 »
使用 response.data 读取 JSON 数据:
GET 实例