vue和react的区别

vue和react有很多共同之处,但也存在完全不同的方面

1. 模板 VS JSX

VUE中书写DOM结构依然使用原始的html代码,将html、js、css分在不同标签中书写

而React中使用jsx,将js和html结合。

2. 状态管理 VS 对象属性

vue和react中对于共享数据的管理都不是核心库完成的,而需要导入第三方库实现。-- redux和vuex

react中的redux管理的state,不能直接被改变,而是通过setState更改。

而vue中state不是必须存在,组件中的data可以管理该组件中的数据

3. 更改

在react中,当某个组件发生改变,则以该组件为根,其所有子组件都要重新渲染。如果需要避免不必要的某个子组件重新渲染,需要在所有可能的地方使用pureComponent或者手动添加shouldComponentUpdate 方法。

而在vue中,因为组件的依赖是在渲染过程中自动追踪的,所以系统能精确的知道哪个组件被更改了,只重新渲染该组件

4. 构建工具

二者都有属于自己的项目构建工具,react是create-react-app,vue是vue-cli

5. 数据流

vue支持双向数据绑定,react是单向数据流

 

posted @ 2020-05-19 16:53  ashen1999  阅读(155)  评论(0编辑  收藏  举报