http://s3/mw690/003xds7Kzy7i0sBfs5Q32&690
3、v-if切换元素是否显示

http://s2/mw690/003xds7Kzy7i0sLy8r711&690
4、v-for渲染项目列表，实现for循环，原理for in

http://s3/mw690/003xds7Kzy7i0sSDdh802&690
5、v-on添加事件监听器

6、v-model实现表单和应用之间的双向绑定

http://s7/mw690/003xds7Kzy7i0thevumd6&690
7、组件化应用

http://s4/mw690/003xds7Kzy7i0tVlYfpf3&690
注意：

1、每个vue应用都是通过Vue函数创建一个vue实例开始的。

2、当一个vue实例被创建是，它想vue的响应式系统中加入了data对象，data对象中能找到所有的属性。当这些属性值发生改变时，视图将会产生响应。匹配更新为新的值。

注意注意注意：只有当实例被创建时data中存在的属性才是响应式的。也就是说如果你添加一个新属性，将不会触发任何视图的更新。在项目中，如果你知道会在晚些时候需要一个属性，但是一开始它为空或不存在，那么就需要设置一些初始值。比如，下面的设置

http://s8/mw690/003xds7Kzy7i0uR274397&690
8、Vue实例暴露了一些有用的实例属性与方法，它们都有前缀$，可以跟用户定义的属性区分开。

http://s8/mw690/003xds7Kzy7i0w6KXe747&690