react 样式和vue样式的区别

区别一:

react :一个页面通常分为2个组件,js或者jsx + css文件。

vue: 通常分为.vue +css文件

区别二:

react 在写页面样式时,最好其余的样式最好包裹在当前样式下面,不然容易生成全局样式,对其它页面的样式造成影响。

vue 在页面内使用scoped,使样式只在当前页面内生效。同时还有deep、global 来对样式进行向上向下优化。deep 可以对当前页面组件内的样式调整;global 可以对全局的样式调整。

详细的讲解vue deep 和global,可以查看ant-design-vue a-model中 .ant-modal-content样式修改-CSDN博客

相关推荐
bugcome_com21 小时前
JWT 知识小课堂:从入门到精通,一文吃透 JSON Web Token
前端·json
To_OC21 小时前
写了三天 Next.js,我的 React 世界观被拆了又装回去
前端·全栈·next.js
独泪了无痕21 小时前
viewer.js 安装与配置指南:实现图片预览功能
前端·vue.js
Fluxart.ai1 天前
电商商品图审核怎么自动化?规则引擎、人工复核与发布门禁
java·前端·自动化
why技术1 天前
AI 写的文章,可能都带着手敲一遍都去不掉的“隐形水印”。
前端·人工智能·后端
愚公搬代码1 天前
【愚公系列】《Android应用案例开发大全》016-LBS类应用掌上杭州(辅助工具类的开发)
android·前端
CodeSheep1 天前
又一个华为天才少年,离职了!
前端·后端·程序员
kyriewen1 天前
面试官说"打开你的AI工具"——我才发现,他考的根本不是写代码
前端·人工智能·面试
IT_陈寒1 天前
Vue的双向绑定把我坑惨了,原来这个场景不能用
前端·人工智能·后端
hunterandroid1 天前
[Android 从零到一] Compose LazyColumn 性能优化:key、稳定性与重组治理
android·前端