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