vue中的:style

在Vue中，`:style`是一种用于动态绑定元素样式的指令。它可以接受一个对象、数组或字符串作为参数。

1. 对象语法：可以通过一个对象来绑定多个样式属性和值。对象的键是样式属性，值是对应的样式值。示例代码如下：

<p :style="{ color: 'red', fontSize: '20px' }">{{ con.title }}</p>

这个例子中，`color`属性被绑定为红色，`fontSize`属性被绑定为20像素。

2. 数组语法：可以通过一个数组来绑定多个样式对象。示例代码如下：

<p :style="[arr.styles.conTitleStyle, arr.styles.conLiStyle]">{{ con.title }}</p>

这个例子中，`arr.styles.conTitleStyle`和`arr.styles.conLiStyle`是两个样式对象，它们会被合并为一个样式对象应用到元素上。

3. 字符串语法：可以直接使用一个字符串来绑定样式。示例代码如下：

<p :style="'color: red; font-size: 20px;'">{{ con.title }}</p>

这个例子中，样式属性和值直接写在字符串中，用分号分隔。

需要注意的是，使用`:style`绑定样式时，样式属性名需要使用驼峰命名法，例如`fontSize`代替`font-size`。