指令是带有 v- 前缀的特殊属性。
指令用于在表达式的值改变时,将某些行为应用到 DOM 上。
v-model 指令用来在 input、select、textarea、checkbox、radio 等表单控件元素上创建双向数据绑定,根据表单上的值,自动更新绑定的元素的值。
按钮(button)的事件我们可以使用 v-on 监听事件,并对用户的输入进行响应。
v-if 指令将根据表达式 seen 的值(true 或 false )来决定是否插入 p 元素。
v-bind 指令被用来响应地更新属性,绑定属性。
v-on 指令,它用于监听 DOM 事件.
v-bind 缩写
Vue.js 为两个最为常用的指令提供了特别的缩写:
<!-- 完整语法 -->
<a v-bind:href="url"></a>
<!-- 缩写 -->
<a :href="url"></a>
v-on 缩写
<!-- 完整语法 -->
<a v-on:click="doSomething"></a>
<!-- 缩写 -->
<a @click="doSomething"></a>