当前位置:首页>正文

vue和react区别面试题

2023-04-27 23:29:20 互联网 未知

vue和react区别面试题?

区别

一.设计思想

react

1 函数式思想,all in js ,jsx语法,js操控css

2 单项数据流

3 setState重新渲染

4 每当应用的状态被改变时,全部子组件都会重新渲染。当然,这可以通过shouldComponentUpdate这个生命周期方法来进行控制,如果为true继续渲染、false不渲染,但Vue将此视为默认的优化。


vue

1 响应式思想,也就是基于数据可变的。把html、js、css、组合到一起,也可以通过标签引擎组合到一个页面中

2 双向绑定,每一个属性都需要建立watch监听(页面不用,涉及到组件更新的话需要)

3 Vue宣称可以更快地计算出Virtual DOM的差异,这是由于它在渲染过程中,会跟踪每一个组件的依赖关系,不需要重新渲染整个组件树


二、性能

react ----大型项目

优化需要手动去做,状态可控

vue ------中小型项目

状态改变需要watch监听,数据量太大的话会卡顿


三、扩展性

react

1 类式写法api少,更容易结合ts

2 可以通过高阶组件来扩展

vue

1 声明式写法,结合ts比较复杂

2 需要通过mixin方式来扩展


React刚开始也有mixin的写法,通过React.createClass的api,不过现在很少用了。

Vue也不是不能实现高阶组件,只是特别麻烦,因为Vue对与组件的option做了各种处理,想实现高阶组件就要知道每一个option是怎么处理的,然后正确的设置。