vuejs 学习旅程之 vue-resource
2017-06-14 11:22
232 查看
如上图,所有的数据是从php获取过来的。所以就引出了vuejs 与php通信之说。百度了一下需要使用到一个vue插件 就是今天的主题 vuejs 学习旅程之 vue-resource
vue-resource 类似于jquery里面ajax 库。
要达到上面的效果需以下几点:
1、与php通信,获取数据
2、渲染数据 循环遍历items 数组
思路:与php通信就是要使用到vue-resource这个插件 ,获取到数据然后赋值给items ,最后循环遍历items数组。
create:方法是进入页面的时候执行。这里是进入页面的时候就执行getCustom方法,getCustom方法就是跟php通信获取数据。
这里仅仅只使用了$http 的get方法。
关于vue-resource具体使用方法,请参考一下链接,我也是参照那里写的,有get,put,post,delete...http的几种常用的方法
http://www.cnblogs.com/wenJiaQi/p/6359209.html
相关文章推荐
- vue.js学习06之vue-resource
- vuejs 学习旅程一
- vue.js学习07之使用$.ajax和vue-resource实现OAuth的注册、登录、注销和API调用
- Vue.js学习
- Vue.js学习思维导图一览
- Vue.js学习 Item1 --快速入门
- Vue.js学习 Item2 -- 原理概述
- Vue.js基本规则提炼总结及计算属性学习
- Vue.js学习 Item15 – 构建大型web应用
- 学习vue-cli时需要引入外部js库文件(如jquery)的问题,百度后解决了,再次备忘一下
- Vue.js——vue-resource全攻略
- Vue.js学习 Item12 – 内部响应式原理探究
- 前端工程师小A学习JS的旅程
- Vue.js学习 Item13 – 指令系统与自定义指令
- Vue.js学习 Item13 – 指令系统与自定义指令
- Vue.js学习 Item9 – 表单控件绑定
- vue.js学习
- Vue.js学习
- Vue.js学习 Item4 -- 数据双向绑定
- Vue.js学习 Item11 – 组件与组件间的通信