react开发两年,转战新公司vue开发,由于是老司机,换技术栈也没啥难度,纯属记录由react到vue的过程。
准备:安装webpack,webpack-cli,node,@vue/cli(安装的时候选择router+vuex),直接全家桶吧!vue
只说一些不习惯的地方,没有好坏之说。node
- vue的component中data是一个函数,data应该就至关于state,react中component的state是一个object。这里就有点奇怪了,看了官方的解释,假设<ComponentA />有三个,能够保证三个ComponentA的独立性。多是<ComponentA />实例化的实现不一样吧。React实例化,会相似在constructor里面初始化state,state = {...}也就是说每一个实例都是一个新的赋值。暂时不清除VUE底层是怎么实现的。
- 绑定属性的时候,不能直接title={{xxx}},而须要:title="xxx",这个应该是解析模板定的规则吧,解析应该都是正则匹配的。
- 双向绑定VS单项数据流,细节就不必多少了,一查一大堆。
- 表单双向绑定。不知道是否是经验不足,感受VUE的表单校验不是很优雅,若是用了双向绑定,那么校验的时机就很差控制,好比我想要一个input只输入数字,非数字不让输入,若是走双向绑定,校验出错应该设定会原值,难道还须要保存上一次的值? 亦或者走replace替换,可是感受不优雅。
- 写模板,JSX和指令的差异,好比for循环,须要时间适应。
6 事件机制,react是事件委托,全部事件都绑定在document上,可是vue好像不是,是真实绑定在你写事件的元素上面。react