1.底层实现上，vue是将模板编译成 虚拟dom渲染函数。

2.可以用jsx编写render函数，来替代template的功能

语法：

1.插值 mastache语法

<span>{{msg}}</span>

一次性插值，后续值改变，但是绑定到视图的值不变

<span v-once>{{msg}}</span>

2.v-html动态渲染HTML

<div v-html='rawHtml'></div>

可能会遭到xss攻击，还是少用

3.绑定元素的属性

<div v-bind:id= 'totalNum'></div>

4.支持所有单个js表达式

{{ok?'yes':'no'}}

<div v-bind:id= " 'id-'+num"></div>

5.过滤器filter

只可以用在mastache里，指令里使用应该method实现

{{message | filter1（arr1,arr2）}}

message将被作为filter函数的第一个参数,arr1作为第二个，arr2作为第三个

6.缩写

v-bind:name  -> :name

v-on:click -> @click