Vue.js 指令是用于在 DOM 中插入或修改内容的特殊标记。它们以 v- 前缀开始,并用于将数据绑定到 DOM 元素上。

常用指令

以下是一些常用的 Vue 指令:

  • v-bind: - 用于绑定属性
  • v-model - 用于创建表单输入和应用状态之间的双向数据绑定
  • v-ifv-else-ifv-else - 用于条件性地渲染部分内容
  • v-for - 用于遍历数组或对象
  • v-on@ - 用于监听事件

示例

以下是一个使用 v-model 指令的简单示例:

<input v-model="message">
<p>Message is: {{ message }}</p>

在这个例子中,输入框的值会实时更新到 message 变量,并在下面的段落中显示。

更多信息

要了解更多关于 Vue 指令的信息,请访问Vue 官方文档

Vue.js Logo