Vue:Scoped属性
Vue最终会把所有样式整合为一个(出现命名冲突)
APP中的style:对所有组件进行控制
app
<style>
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 60px;
}
</style>
其他组件使用:scoped
让样式只对自己组件有效
普通组件
<style scoped>
</style>