乐趣区

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

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

退出移动版