v-bind，v-if，v-for，v-on，v-model基本用法

总结：

    1、v-bind绑定数据：标签属性v-bind:title='xxx',简写:title='xxx', 标签内容{{xxx}}
		<span :title='message'>{{message}}</span>
	 
    2、v-on绑定事件：<span v-on:click='clickMe'>点我</span> 或简写 <span @click='clickMe'>点我</span>
	
    3、显示和隐藏：<span v-if='xxx'>显示和隐藏</span> ,注，xxx可以为表达式或者是Boolean后为true或false的其他值
       v-if='undefined == null',v-if='-1'都为true。 v-if='null',v-if='undefined',v-if='0'都为false
	  
    4、v-for遍历：<span v-for='item in array'>{{item}}</span> 或 <span v-for='(item,index) in array'>{{index}}</span>
	   ⑤v-model数据双向绑定：<input v-model='message'></input><p>{{message}}</p>

原文地址：http://www.cnblogs.com/jock766/p/16813550.html