javascript - 如何工程化的角度如何实现 vue/react组件之间的css隔离?

查看：105 发布时间：2017/9/6 3:25:35 react-native vue.js react.js html5 javascript

本文介绍了javascript - 如何工程化的角度如何实现 vue/react组件之间的css隔离?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题

A组件

<template>
    <div class='a'></div>
</template>    
<style>
    .a{
        color:red;
    }
</style>

B组件

<template>
    <div class='a'></div>
</template>    
<style>
    .a{
        color:red;
    }
</style>

比如不使用命名空间，不使用vue提供的scope，怎么使用工程化的角度去实现css隔离？

解决方案

CSS Modules，用了以后忘不了啊忘不了，从此再也不用担心命名冲突的问题了

这篇关于javascript - 如何工程化的角度如何实现 vue/react组件之间的css隔离?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文