Vue 与 React

注:本文提到的vue代指vue3

react规则更少,Vue新语法更多,规则更多

React性能比Vue更高?

Vue监听状态更改更方便,并且有v-model双向绑定

Vue思维符合传统前端开发,React需要函数式思维

Vue国内多,React国外多

Vue的生命周期设计的更清晰

css的问题

Vue把css也合并到一个文件里,这使得创建组件的时候只需创建一个vue文件,但里面代码写的长了,就需要上下来回翻看。

React通过引入css文件来加载组件样式,这使得组件创建的时候只需要创建一个文件夹,并再创建一个index.tsx, 一个index.scss文件,并让index.tsx引入scss文件。创建有点麻烦,但好处就来回翻看更加省事了,直接两个文件左右分屏。

不过vscode也可以直接让一个文件左右分屏,这弥补了vscode的问题。

现在又出现了一种新的css框架叫tilewind css。直接在html里写各种简化集成的行内样式css,又一定程度上避免了scss代码过长的问题,笔者感觉他可能更适与vue搭配。

相关推荐
Zero1017131 分钟前
【React的useMemo钩子详解】
前端·react.js·前端框架
养军博客3 分钟前
spring boot3.0自定义校验注解:文章状态校验示例
java·前端·spring boot
uperficialyu14 分钟前
2025年01月10日浙江鑫越系统科技前端面试
前端·科技·面试
付朝鲜38 分钟前
用自写的jQuery库+Ajax实现了省市联动
java·前端·javascript·ajax·jquery
coderYYY1 小时前
多个el-form-item两列布局排齐且el-select/el-input组件宽度撑满
前端·javascript·vue.js·elementui·前端框架
荔枝吖1 小时前
项目中会出现的css样式
前端·css·html
Dontla1 小时前
何时需要import css文件?怎么知道需要导入哪些css文件?为什么webpack不提示CSS导入?(导入css导入规则、css导入规范)
前端·css·webpack
小堃学编程2 小时前
前端学习(2)—— CSS详解与使用
前端·css·学习
蓝婷儿2 小时前
第一章:HTML基石·现实的骨架
前端·html
Watermelo6172 小时前
前端如何应对精确数字运算?用BigNumber.js解决JavaScript原生Number类型在处理大数或高精度计算时的局限性
开发语言·前端·javascript·vue.js·前端框架·vue·es6