<style scoped>
.example {
color: red;
}
</style>
<template>
<div class="example">hi</div>
</template>
如上这个例子 上面的style样式只在下面这个组件里起作用,但是这样会增加这个样式的权重,不便于后面的修改
vue scoped熟悉让样式私有化,但慎用
最新推荐文章于 2023-11-03 11:48:38 发布
<style scoped>
.example {
color: red;
}
</style>
<template>
<div class="example">hi</div>
</template>
如上这个例子 上面的style样式只在下面这个组件里起作用,但是这样会增加这个样式的权重,不便于后面的修改