vue-防止组件间样式冲突

1. 作用：让样式在局部生效，防止冲突。
2. 写法：<style scoped>

如图，代码里背景色不同，但显示结果却相同，这是因为样式名冲突覆盖了

注意：一般在App.vue文件的style不添加scoped，因为App里面的style一般是很多组件的共同属性，App里的style，可以供其他组件一起使用，但是添加之后，就只对App.vue生效了