Vue组件样式设置，解决样式冲突问题

如果我们在不同的组件内，使用相同的类名，就会发生样式的冲突，使用后引入的组件中的样式： 

 

一、scoped属性

在一个组件的style标签上添加scoped属性，该组件的所有样式都是该组件独有的，即使其他组件中有相同的类名，也不会受到影响。