vue-resource 像jquery里的$.ajax, 专门和后台进行交互,ajax可以的,它也可以(在vue中安装vue-resource.js插件,实现交互)
但是建议使用axios,因为vue-resource不维护了。
1、在项目中:
$npm install vue-resource -save
(个人:之前没有 写 -save 安装,使用' this.$http.get'一直报错,发现 node_modules文件夹下没有生成vue-resource插件;-save 代表 将模块安装到项目目录下,并在package文件的dependencies节点写入依赖
)
2、在main.js里 :(可以创建resource独立文件夹,再引入main.js里,这个暂时略)
import VueResource from vue-resource
Vue.use(VueResource);
(⚠️:使用自己定义的组件时,要分开写,不然也是不能使用vue-resource;例如:Vue.use(ElementUI,VueResource) 这样写是错误的)
import Vue from 'vue'
import VueResource from 'vue-resource'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import 'element-ui/lib/theme-chalk/display.css'
Vue.use(ElementUI);
Vue.use(VueResource);
3、简单测试,测试代码:
this.$http.get('static/ajax/ajaxInfo.txt').then(function(res){
document.write(res.body);
},function(){
console.log('请求失败处理');
});