首页
登录 | 注册

Vue.js 组件css样式作用域

App.vue文件中普通的去定义的css样式,而子组件未定义css样式,App.vue文件中的css样式会影响其他的 子组件 的样式

Vue.js    组件css样式作用域

当 子组件 中定义了 css样式,子组件的样式会覆盖  App.vue 中的样式

Vue.js    组件css样式作用域

 

想要每个组件的 css 样式都是独立的,就在 <style> 标签上加上 scoped 

<style scoped>
  h1{
    color: #F00;
  }
</style>

这样,组件与组件之间的 css样式 只能作用于自己

Vue.js    组件css样式作用域

 

 



2020 jeepxie.net webmaster#jeepxie.net
10 q. 0.008 s.
京ICP备10005923号