Vue开发积累

文档摘要

Vue 开发积累 001：scoped 关键字的作用在组件中，我们可能会遇到带关键字的样式。比如：上方的表示的是作用域化，样式只对当前子组件生效。

Vue 开发积累

001：scoped 关键字的作用

在 xx.vue 组件中，我们可能会遇到带 scoped 关键字的样式。比如：


<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h3 {
  margin: 40px 0 0;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline-block;
  margin: 0 10px;
}
a {
  color: #42b983;
}
</style>

上方的scoped表示的是作用域化，样式只对当前子组件生效。

作者与出处

原作者： qianguyihao

来源：qianguyihao

原文： https://github.com/qianguyihao/Web

许可证：CC BY-SA 4.0

整理：灏天文库整理

由灏天文库结构化整理，提供目录导航、全文检索与在线阅读，便于系统化学习