h5学习笔记:vue 和 数据模拟

感觉自己已经落伍了不少,最近开始接触 vue 的全家桶套装,vuejs axios ,vuex, 还有昨天看到mockjs ,非常有意思的模拟数据。

h5学习笔记:vue 和 数据模拟_第1张图片

http://mockjs.com/

可以模拟出很多测试数据。

对于使用vue 的开发的时候,让我产生很大疑惑,采取webpack 打包后的程序和传统基于服务器端渲染的做法大不相同。属于两种思维的跳跃。

1,基于jquery时代,dom的操作
2,vue 和angular 的基于数据的驱动
3,reactjs 全新的开发概念,单一数据流向

接触vue的时候,产生一个疑惑,总是理解不到组件概念,其次语法多了的时候记忆起来比较困难。数据的传递是学习一个比较大的困难。父子的数据传递,组件与组件间的传递,随后又多出了一个vuex的方案出来了。说白了这套东西和react 的redux 相似,我没有很深入理解。但这样跟进其实多少会有点困扰。

学习js的时候,需要构建的工具套装,需要使用打包器如webpack这类的将一些原本web解析不到的变成 js css html。
h5学习笔记:vue 和 数据模拟_第2张图片

vue的开发套装里面,axios 用起来也是需要挖坑。发现post的过程,不怎么传递都发不出去,发现将对象变成字url的符串才行(不知道这里是不是设置什么才行) 需要引入 queryString的方式。如果比较起来,jquery的ajax 也是用得很顺手,只是vue 推荐axios,多少使用起来和jquery有些区别

使用开发过程,跨越访问是一个头疼事情,axios 并不支持jsonp,因此选择了本地 php 中转接口方式发送,获取相应的数据。

还有很多,最近先记录这些先。让我感觉激动一点是数据模拟这种方式思维让我大开眼界。
谈到前端这么多东西,真心感觉跟到累。比起开发游戏而言,就像牵住鼻子看到那里就那里,变成了问题大叔,不断地到处找答案。

你可能感兴趣的:(h5学习笔记:vue 和 数据模拟)