2.1 模板语法

随着前端交互复杂度的不断提升，各种字符拼接、循环遍历、DOM节点的操作也变得复杂多样。当数据量大、交互频繁时，无论是从用户体验还是性能优化上，都会面临前端渲染的问题。

Vue使用了一种基于HTML的模板语法，使用户能够声明式地将应用或组件实例的数据绑定到呈现的DOM上。模板中除了HTML的结构，还包含两个Vue模板的特有语法：插值和指令。插值语法只有一个功能，就是向标签体中插入一个动态的值。指令语法用来操作其所在的标签，比如指定动态属性值、绑定事件监听、控制显示隐藏等。

在底层机制中，Vue会将模板编译成高度优化的JavaScript代码。结合响应式系统，当应用状态数据变更时，Vue能够自动更新需要变化的DOM节点，并做到最小化更新。