在Vue中，可以使用数据绑定和计算属性来动态写入样式。以下是两种常见的方法：

1. 使用数据绑定：

```html

```

在JavaScript中，你可以这样获取和设置样式：

javascript export default { data() { return { isActive: false } }, methods: { setActive() { this.isActive = !this.isActive; } } }

在这个例子中，我们使用v-bind:class属性来动态绑定样式。active属性的值根据isActive的值来改变。setActive方法用于更改isActive的值。

1. 使用计算属性：

```html

```

在JavaScript中，你可以这样获取和设置样式：

javascript export default { data() { return { isActive: false } }, computed: { backgroundColor() { return this.isActive ? 'red' : 'blue'; } } }

在这个例子中，我们使用v-bind:style属性来动态绑定样式。backgroundColor计算属性根据isActive的值来改变。isActive的值可以在data中定义，或者在组件的其他部分中改变。

注意：在使用计算属性时，你需要确保你的计算属性是可访问的，否则它将无法被外部使用。