vuejs中使用多个组件库样式冲突

Question

vue的使用者你们谁用到过一个项目中使用多个开源的库的情况。这个时候会出现组件的样式冲突。
请问怎么引用组件的样式才能做到唯一且样式不冲突

Answer 1

如果是单独组件的样式的话，我们就这么写：

<style scoped>
....这里是样式
</style>

但是你要是直接在main.js里把每个UI库的样式引进去的话，那个冲突就不好解决了。建议一般使用1~2两个库就好，其他的样式可以直接copy过来放到各个组件中用就好了。

Answer 2

使用原 UI 库的 less 文件或 scss 文件，并且设置 scoped