绑定表达式

在 Vue.js 中,一段绑定表达式由一个简单的 JavaScript 表达式和可选的一个或多个过滤器构成。
其可以用在{{ }}{{{ }}}内,也可以作为指令的值。

指令

指令都带有前缀v-,以指示它们是Vue.js提供的特殊属性。
指令的值被限定为绑定表达式,其的作用是把表达式的值和DOM元素绑定起来。

参数

有些指令可以在其名称后面带一个“参数” (Argument),中间放一个冒号隔开。

1
<a v-bind:href="url"></a>

修饰符

修饰符 (Modifiers) 是以半角句号 .开始的特殊后缀,用于表示指令应当以特殊方式绑定。

1
<input v-model="newTodo" v-on:keyup.enter="addTodo">

常用指令

  • v-on:监听DOM事件,事件类型可以作为它的参数
  • v-bind:绑定HTML属性
  • v-text:等同于{{}}
  • v-componet:自定义组件
  • v-for:循环

参考资料

官方文档
Vue.js 中文入门