当前位置: 首页 > article >正文

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


http://www.kler.cn/news/156271.html

相关文章:

  • Python标准库:datetime模块【侯小啾python领航班系列(二十五)】
  • 【python爬虫】设计自己的爬虫 2. 数据保存封装 mongodb,mysql和elasticsearch
  • SQL -高阶3
  • Linux系统centos7防火墙firewall开放IP及端口命令
  • 2023.12.3 hive-sql日期函数小练习
  • k8s中批量处理Pod应用的Job和CronJob控制器、处理守护型pod的DaemonSet控制器介绍
  • 深入理解Go语言GC机制
  • SAP_ABAP_RZ11解决SAP运行超时问题 TIME_OUT / rdisp/scheduler/prio_high/max_runtime
  • 最强Node js 后端框架学习看这一篇文章就够
  • 内衣洗衣机哪个牌子好用?小型洗衣机五大排名
  • 在项目根目录未找到 app.json
  • leetcode:232. 用栈实现队列
  • Mybatis-Plus实现逻辑删除
  • C++ 实现微信退款和对账示例代码
  • ASP.NET 网上选课系统的设计与实现
  • 二叉查找树和红黑树
  • 卖家低价侵权了怎么处理
  • 一款自动帮你生成UI界面和代码的AI神器
  • MySQL练习题,学生成绩查询练习题,附带答案
  • JIRA部分数据库结构
  • Spring AOP解析
  • 基于Java SSM框架实现美好生活九宫格日志网站系统项目【项目源码+论文说明】
  • Docker push 命令
  • 在CentOS7下安装Docker与Docker Compose
  • 举例说明自然语言处理(NLP)技术。
  • 二分查找算法:搜索有序数组中目标元素的利器
  • 松下、书客、明基护眼台灯值不值得买?热门护眼台灯真实测评!
  • 客户销售目标拆解:数据驱动的方法和策略
  • 【LeeCode】142.环形链表II
  • 开启gitlab中远程连接pgsql