01 Template Syntax

F12 > vm.dynamicClass="red" //"black"

Vue能绑定DOM和模板实例的数据。 所有模板都是合法的html。

内部，Vue编译模板为虚拟Dom渲染函数。
结合响应系统，当app状态改变时，Vue能智能识别最小变动并修改Dom。
如果熟悉虚拟DOM概念(Virtual DOM)，且想用原生js，可以直接写渲染函数，而不用写模板，可选的JSX支持。

v-html 很危险，容易XSS，防范：只用可信内容，不用用户提供的内容。
绑定

counter: {{counter}}

只更新一次

once: {{counter}}

不渲染 原生html

rawHtml: {{rawHtml}}

渲染原生html
绑定属性 v-bind:class
null or undefined 则没有该属性
如果是按钮，则false: , true:
vm.isButtonDisabled=true //false
js 表达式: 不能是语句(var a=1;); 不能包含控制流 if(ok){return message}

counter + 100: {{ counter + 100 }}

counter>=4 : {{ counter>=4 ? 'YES' : 'NO' }}

counter>10 : {{ message.split('').reverse().join('') }}

id=list-{{counter}}