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


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

     

    一、scoped属性

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

    <style scoped>

    我们常常在组件的样式中使用scoped属性,将公用样式写在App.vue中。

    二、lang属性

    我们可以通过lang属性去定义样式语言,默认的样式语言是CSS: