v-model和v-bind分别举个例子

`v-model` 和 `v-bind` 是 Vue.js 中用于数据绑定的两个重要指令。

`v-model` 主要用于双向数据绑定，当用户的输入改变时，会自动更新对应的变量，反之亦然。它通常用于表单元素，如文本框、复选框或滑块。例如：

<input type="text" v-model="message">
<p>你输入的内容是: {{ message }}</p>

在这个例子中，当你在输入框中输入文字，`message` 变量也会同步变化，并显示在旁边的文字标签上。

`v-bind` 则用于单向数据绑定，可以绑定任意 HTML 属性到 Vue 实例的属性上。例如，设置元素的样式：

<div v-bind:class="{ active: isActive }">Hello</div>

在这个例子中，如果 `isActive` 为真（即 `isActive === true`），这个 `<div>` 就会被标记为 "active" 类。