vue style scoped 的作用(学习扩展)

vue style scoped 的作用

作用展示

vue style scoped 的作用(学习扩展)

需求

Vue组件内样式,只针对当前组件内标签生效

  • 实现
    给style上添加scoped
<style scoped>

</style>

原理和过程

webpack 打包过程中(当前这个组件里),会自动给标签添加 data-v-hash 值属性,所有 css 选择器都回自动加上一个属性选择器

上一篇:CSS基本使用


下一篇:SpringCloud之Hystrix(服务熔断与服务降级)