为什么 Vue 的组件库往往需要单独引入样式文件,而 React 组件库往往不需要?

2023-03-23 0 2,804

React 的绝大部分组件库,在使用组件时都非常简单:import { Button } from "xxx" 就可以了。

但是 Vue 的很多组件库,要么需要使用 Babel 插件来帮你做 import,要么全局 import,要么只能手动:

import { Button } from 'xxx';
import 'xxx/styles/button';

这里很好奇的是,为什么 import 'xxx/styles/buton' 不能自带在 Button 这个 js 中呢?

回答:这是因为Vue和React在组件的样式隔离上做法不一样,Vue组件的样式隔离是通过scopedCSS实现的,而React组件的样式隔离是通过 CSS-in-JS实现的。

为什么 Vue 的组件库往往需要单独引入样式文件,而 React 组件库往往不需要?
收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

1. JK下载官网所有资源来源于开发团队,加入会员即可下载使用!如有问题请联系右下角在线客服!
2. JK下载官方保障所有软件都通过人工亲测,为每位会员用户提供安全可靠的应用软件、游戏资源下载及程序开发服务。
3. JK开发团队针对会员诉求,历经多年拥有现今开发成果, 每款应用程序上线前都经过人工测试无误后提供安装使用,只为会员提供安全原创的应用。
4. PC/移动端应用下载后如遇安装使用问题请联系右下角在线客服或提交工单,一对一指导解决疑难。

JK软件下载官网 技术分享 为什么 Vue 的组件库往往需要单独引入样式文件,而 React 组件库往往不需要? https://www.jkxiazai.com/867.html

JK软件应用商店是经过官方安全认证,保障正版软件平台

相关资源

官方客服团队

为您解决烦忧 - 24小时在线 专业服务