模板语法

Vue使用基于HTML的模板语法

  • 模板编译为虚拟DOM渲染函数
  • 状态改变
  • Vue计算渲染组件最小代价更新DOM

也可不用模板,使用render函数,jsx语法渲染

1.插值

{{text}}
{{number + 1}}
{{true ? 1: 0}}
{{message.toUpperCase()}}

2.指令

带有v-前缀的特殊属性,值为javascript表达式

hello
link link

3.缩写

v-前缀用来辨识模板中Vue特定特性,Vue为v-bind和v-on提供了特定简写


link
link

link
link

你可能感兴趣的:(模板语法)