Vue中样式

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue中样式相关的知识,希望对你有一定的参考价值。

参考技术A

一、v-bind(:)绑定class属性
1、数组

2、数组中使用三元表达式

3、数组中嵌套对象

4、直接使用对象

5、总的说明

二、使用内联样式/v-bind(:)绑定style属性
1、直接接对象

2、接定义到Vue对象data中的对象属性名

3、接数组,引用多个Vue对象data的数据

4、总的说明

vue 使用 /deep/ 修改样式

参考技术A vue组件中,在style设置为scoped时,里面写的样式对子组件是不生效的,此时可以使用 /deep/ 深度选择器。(不使用scoped,/deep/不生效)

以上是关于Vue中样式的主要内容,如果未能解决你的问题,请参考以下文章

vue修改当前页样式不影响公共样式的方法

vue里面父组件修改子组件样式的方法

vue 使用 /deep/ 修改样式

防止vue文件中的样式出现‘污染’情况

vue2.x和vue3.0在scss样式中使用深度选择器的区别

Vue 事件&样式样式