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实现的。
