指令(directive)
v-bind
<[标签类型] v-bind:[标签属性]="[JavaScript 表达式,变量均为 data 或 methods 的成员]" />
<[标签类型] :[标签属性]="[JavaScript 表达式,变量均为 data 或 methods 的成员]" />
v-on
<[标签类型] v-on:[标签属性]="[JavaScript 表达式,变量均为 data 或 methods 的成员]" />
<[标签类型] @[标签属性]="[JavaScript 表达式,变量均为 data 或 methods 的成员]" />
v-if / v-else-if / v-else
<[标签类型] v-if:[标签属性]="[JavaScript 表达式,变量均为 data 或 methods 的成员]" />
<[标签类型] v-else-if:[标签属性]="[JavaScript 表达式,变量均为 data 或 methods 的成员]" />
<[标签类型] v-else />
v-if
、 v-else-if
和 v-else
用于指示某个元素是否渲染。
注意:三者必须紧跟在一起。
v-for
<[标签类型] v-for="(item, index) in [data 或 methods 成员,类型为数组]" />
v-for
用于渲染列表数据(重复标签)。item
是数组索引,index
是数组项目的索引。
需要注意的是, v-for
定义在列表成员(item)上而非列表(list)上。
表达式
属性中
<[标签类型] [Vue 指令]="JavaScript 表达式,变量均为 data 或 methods 的成员"></[标签类型]>
内容中
<[标签类型]>
{{[JavaScript 表达式,变量均为 data 或 methods 的成员]}}
</[标签类型]>
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。