Vue.js 指令是用于在 DOM 中插入或修改内容的特殊标记。它们以 v-
前缀开始,并用于将数据绑定到 DOM 元素上。
常用指令
以下是一些常用的 Vue 指令:
v-bind
或:
- 用于绑定属性v-model
- 用于创建表单输入和应用状态之间的双向数据绑定v-if
和v-else-if
和v-else
- 用于条件性地渲染部分内容v-for
- 用于遍历数组或对象v-on
或@
- 用于监听事件
示例
以下是一个使用 v-model
指令的简单示例:
<input v-model="message">
<p>Message is: {{ message }}</p>
在这个例子中,输入框的值会实时更新到 message
变量,并在下面的段落中显示。
更多信息
要了解更多关于 Vue 指令的信息,请访问Vue 官方文档。
Vue.js Logo