React转VUE记录篇（一）

react开发两年，转战新公司vue开发，因为是老司机，换技术栈也没啥难度，纯属记录由react到vue的过程。

准备：安装webpack,webpack-cli,node,@vue/cli(安装的时候选择router+vuex)，直接全家桶吧！

只说一些不习惯的地方，没有好坏之说。

1. vue的component中data是一个函数，data应该就相当于state，react中component的state是一个object。这里就有点奇怪了，看了官方的解释，假设有三个，可以保证三个ComponentA的独立性。可能是实例化的实现不同吧。React实例化，会类似在constructor里面初始化state，state = {...}也就是说每个实例都是一个新的赋值。暂时不清除VUE底层是怎么实现的。
2. 绑定属性的时候，不能直接title={{xxx}}，而需要:title="xxx"，这个应该是解析模板定的规则吧，解析应该都是正则匹配的。
3. 双向绑定VS单项数据流，细节就没必要多少了，一查一大堆。
4. 表单双向绑定。不知道是不是经验不足，感觉VUE的表单校验不是很优雅，如果用了双向绑定，那么校验的时机就不好控制，比如我想要一个input只输入数字，非数字不让输入，如果走双向绑定，校验出错应该设定会原值，难道还需要保存上一次的值？ 亦或者走replace替换，但是感觉不优雅。
5. 写模板，JSX和指令的差别，比如for循环，需要时间适应。

6 事件机制，react是事件委托，所有事件都绑定在document上，但是vue好像不是，是真实绑定在你写事件的元素上面。