vue官方推荐ajax,vue的ajax

vue的ajax常见的有两种 ,一种是 vue-resource,一种是axios

vue-resource:

是vue的插件,非官方库, vue1.x 使用广泛

如何使用:

先在vue的脚本架上安装vue-resorce库

npm install vue-resource --save

在我们需要用到ajax的页面上引入,一般我是直接在main.js文件上引入,后面就不需再次引入,直接引用

// 引入模块

import VueResource from 'vue-resource' ,

// 使用插件

Vue.use(VueResource)

// 通过 vue/组件对象发送 ajax 请求

this.$http.get('/someUrl').then((response) => {

// success callback

console.log(response.data) //返回结果数据

}, (response) => {

// error callback

})

axios的用法:

跟vue-resource的用法类似,用之前需要安装axios库

npm install axios --save

axios直接引入后,就可直接调用,不用像vue-resource,插入插件()省了一小步)

// 引入模块

import axios from 'axios'

// 发送 ajax 请求

axios.get(url)

.then(response => {

console.log(response.data) // 得到返回结果数据

})

.catch(error => {

console.log(error.message)

})

vue实现ajax滚动下拉加载，同时具有loading效果

...

Vue中ajax返回的结果赋值

这是第二次在项目中遇到此问题,ajax请求成功后在success函数中为Vue实例data里的变量赋值,却失败了 new Vue({ el:'#app', data:{ msg:'' }, creat ...

从零开始学 Web 之 Vue.js(四)Vue的Ajax请求和跨域

大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:ht ...

vue实战(一):利用vue与ajax实现增删改查

vue实战(一):利用vue与ajax实现增删改查:

jQuery和vue 设置ajax全局请求

一个很常见的问题,如果用户登录网站session过期,需要用户返回登录页面重新登录. 如果是http请求可以在后台设置拦截器,统一拦截并跳转.但是ajax方法并不能通过后台直接跳转. 所以我们可以写一 ...

vue使用ajax

1.Vue的Ajax基本用法 在vue中用Ajax需要用到vue.js和vue-resource.js; vue-resource.js的下载地址:https://cdn.staticfile.org ...

vue根据ajax绑定数数。。