[Vue.js] 스코프 css

<div class="example" data-v-aaaaaa>
        <span class="title" data-v-aaaaaa>example</span>
</div>

 

<style>태그에 <scoped>옵션을 붙이면, 현재 컴포넌트 내부에서만 스타일을 적용할 수 있게 된다. 

 

<style scoped>
    span.title[data-v-aaaaaa]{
        color: #ff0000;
    }
</style>