Vue.js中css的作用域

Vue.js中的css的作用域问题：

　　如果在vue组件下的style中定义样式，效果会作用于整个html页面，如果只想本组件的css样式只作用于本组件的话，在<style>标签里添加scoped关键字即可！

例如：

<style scoped>
h1{
  color: aquamarine;
}
</style>

　　这样的话，只有本组件的h1标签里的颜色才会改变。