Vue.js 指令 v-bind：动态设置按钮颜色和文字

我们可以使用 'v-bind' 指令来动态地为按钮设置颜色和字体内容。

首先，我们需要在 Vue 实例中定义一个 data 属性来存储按钮的颜色和内容：

data: {
  buttonColor: 'red',
  buttonText: 'Click me'
}

然后，在 HTML 中使用 'v-bind' 指令来绑定按钮的样式和内容：

<button v-bind:style="{ backgroundColor: buttonColor }">{{ buttonText }}</button>

在这个例子中，我们使用 'v-bind:style' 指令来动态设置按钮的背景颜色，而按钮的文本内容则使用了另一个 'v-bind' 指令来绑定 data 属性中的 buttonText 值。

当我们需要改变按钮的颜色或内容时，只需要修改 data 属性的值即可：

this.buttonColor = 'green';
this.buttonText = 'Click me again';

这样，按钮的颜色和内容就会随着 data 属性的改变而动态更新。