一、插值表达式
<p>{{ hello }}</p>
<span v-once>这个将不会改变: {{ msg }}</span>
<p>{{ num+1 }}</p>
<p>{{ status==true?'yes':'no' }}</p>

二、v-text，v-html
<p v-text="hello"></p>
<p v-html="hello"></p>

三、v-if，v-else，v-else-if，v-show
<a v-if="isPartA">partA</a>
<a v-else>no data</a>
<a v-show="!isPartA">partB</a>

四、v-for
1.数组遍历
<p v-for="(frute,index) in list":class="{odd:index%2}">{{ frute.name }} and {{ frute.price }}-{{index}}</p>
2.对象遍历
<p v-for="(value,key) in objList">{{key}}-{{value}}</p>
3.组件遍历
<componentA v-for="(value,key) in objList":key="key" :dataA="dataA"></componentA>
来源数据：
list:[
	{
		name:'apple',
		price:34
	},
	{
		name:'banana',
		price:56
	},
	{
		name:'apple',
		price:34
	}
],
objList: {
	name:'apple',
	price:34,
	color:'red',
	weight:14
}

五、v-bind属性绑定及缩写 :
<!-- 完整语法 -->
<a v-bind:href="url"></a>
<!-- 缩写 -->
<a :href="url"></a>

六、v-on事件绑定及缩写@
<!-- 完整语法 -->
<a v-on:click="doSomething"></a>
<!-- 缩写 -->
<a @click="doSomething"></a>
<!-- 修饰符 -->
<form v-on:submit.prevent="onSubmit"></form>

七：v-model数据双向绑定，一般作用于表单

八：v-pre，v-cloak
<span v-pre>{{ this will not be compiled }}</span>
[v-cloak] {display: none;}
<div v-cloak>{{ message }}</div>
不会显示，直到编译结束。