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搭配。

相关推荐
傻小胖20 分钟前
vue3中Teleport的用法以及使用场景
前端·javascript·vue.js
wl85111 小时前
Vue 入门到实战 七
前端·javascript·vue.js
Enti7c1 小时前
用 HTML、CSS 和 JavaScript 实现抽奖转盘效果
前端·css
LCG元1 小时前
Vue.js组件开发-使用Vue3如何实现上传word作为打印模版
前端·vue.js·word
dal118网工任子仪2 小时前
94,【2】buuctf web [安洵杯 2019]easy_serialize_php
android·前端·php
大模型铲屎官2 小时前
HTML5 技术深度解读:本地存储与地理定位的最佳实践
前端·html·html5·本地存储·localstorage·地理定位·geolocation api
一 乐3 小时前
基于vue船运物流管理系统设计与实现(源码+数据库+文档)
前端·javascript·数据库·vue.js·spring boot·后端·船运系统
m0_528723813 小时前
在React中使用redux
前端·javascript·react.js
小乌龟快跑3 小时前
React Hooks 隔离机制和自定义 Hooks
react.js·面试
傻小胖3 小时前
vue3中customRef的用法以及使用场景
前端·javascript·vue.js