前言
博主之前一直用的react的技术栈,新东家全部吧react的改版称vue,所以现在开始学习。本文仅记录心路历程。
vue和react比较
在我看来react是一个纯view的的展示层,写多了react基本上我很少回去用到react的生命周期和用class生命出来的组件。纯纯的把react做成了html的模板。数据基本上是交给redux去全局管理,其实不用redux也是可以的,自己去定一个全局的变量,自己写方法去修改,其实也是看你怎么去做这个项目。
相比较vue,第一个就是问题就是如何处理一个组件。
先说说看react的组件思路,先写一个function直接去返回html,然后把需要的参数传入就行了。
vue的数据绑定,必须要绑定在html的标签上的。用vue的语法,传参可以规范传参数(就是去定义参数的类型,和自定义参数的类型去校验)相比之下react的参数定义需要引入一个模块(props-type去定义参数)。因为vue自带v-model的双向数据绑定。我这几天没有用这个语法,绑定子引响父全靠回调函数,父引响子基本上靠props。
在react里这么写感觉没有什么问题,但是在vue里这么写,不知道为什么觉得有点蠢。还有就是在data的一个参数要粗发页面刷新,如果这个参数是一个对象,你改变的是比较深层的东西的时候,我发现并没有出现刷新。
我猜测啊,可能是vue觉得我这个参数并没有发生变化,只是做了一个简单的浅比较。所以我的解决办法就是把这个参数要改的地方改掉后,把这个参数重新赋值一遍,这样就可以刷新页面了。
还有的体会就是vue的@router挺好用的,在react的用react-router还要自己手动去引,vue都已经帮我们全家桶了。
现在有几个问题需要接下里去了解的:
1.vue的生命周期到底有什么用?
2.全局一个类似store的对象就可以去电vuex的存在?
3.vue的渲染机制是什么?深层对象的变化问题?
4.v-model如何在组件里也用的得心应手?(在自己写的组件中,v-model没用到,因为感觉不知道怎么去绑定。)