React转VUE记录篇(一)

栏目: 服务器 · 发布时间: 6年前

内容简介:react开发两年,转战新公司vue开发,因为是老司机,换技术栈也没啥难度,纯属记录由react到vue的过程。准备:安装webpack,webpack-cli,node,@vue/cli(安装的时候选择router+vuex),直接全家桶吧!只说一些不习惯的地方,没有好坏之说。

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好像不是,是真实绑定在你写事件的元素上面。


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

产品心经

产品心经

闫荣 / 机械工业出版社 / 2014-9-30 / 59

产品经理如何才能迅速地、全方位地提升自己的能力,从而打造出让用户尖叫并疯狂爱上的产品?有没有捷径?从成功的、有经验的产品经理的实践真知和智慧中学习是一个很好的途径!本书就是一位拥有近10年产品经验的资深产品经理的实践真知和智慧的结晶,从产品经理核心素养、产品认知、战略与规划、精益开发、需求分析与管理、用户体验、精细运营7大方面,系统梳理了能全面、迅速提升产品经理能力,从而打造出让用户尖叫的产品的5......一起来看看 《产品心经》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具