一
二
其他
```
- v-for
基于源数据多次渲染元素或模板块。此指令之值，必须使用特定语法`alias in expression`，为当前遍历的元素提供别名。
```html
{{ item.text }}
```
`v-for`的默认行为会尝试原地修改元素而不是移动它们。要强制其重新排序元素，你需要用特殊 attribute`key`来提供一个排序提示。
```html
{{ item.text }}
```
- v-on
`@`为缩写。
绑定事件监听器。事件类型由参数指定。表达式可以是一个方法的名字或一个内联语句。
```html
```
- v-bind
`:`为缩写。
动态地绑定一个或多个属性，或一个组件`prop`到表达式。
在绑定`class`或`style`时，支持其它类型的值，如数组或对象。
```html
```
- v-model
在表单控件或者组件上创建双向绑定。
```html
Message is: {{ message }}
``` ## Vue组件 ```javaScript