React转VUE记录篇(一)

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

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


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

查看所有标签

猜你喜欢:

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

Design Accessible Web Sites

Design Accessible Web Sites

Jeremy Sydik / Pragmatic Bookshelf / 2007-11-05 / USD 34.95

It's not a one-browser web anymore. You need to reach audiences that use cell phones, PDAs, game consoles, or other "alternative" browsers, as well as users with disabilities. Legal requirements for a......一起来看看 《Design Accessible Web Sites》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

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

在线XML、JSON转换工具