2.3　Vue的插值表达式

经过解读Hello World案例，Vue的学习历程正式开始，第1个介绍的是Vue中不可缺少的功能，叫作插值表达式。

插值表达式是MVVM框架中特有的产物，传统DOM框架在对页面的操作过程中由于完全依赖DOM系列的API，所以一切视图层的更改都需要调用JavaScript的函数实现，而MVVM框架在介绍时定义为以数据为核心驱动的视图渲染框架，所以插值表达式的工作原理正好与传统的DOM操作相反。它的作用是从Vue的数据对象中提取指定的JavaScript属性并自动将视图中的表达式替换成该变量的结果。

插值表达式可以理解为Vue实例中data选项内数据在网页上展示的一个通道，通过{{属性}}的形式将属性的值展示在网页上。{{}}内部可以使用data中的属性、String、Date、Math和Array等基础全局对象的API，运算符表达式，Vue中computed选项中定义的计算属性（computed会在计算属性中详细讲解），代码如下：

在以上代码中详细地列出了插值表达式的使用方式及注意事项，这里需要注意的是虽然{{}}插值表达式可以获取Vue实例中的变量并且同时使用JS的全局对象，但是{{}}并不是一个完全的JavaScript作用域，所以不能编写JavaScript的流程化代码。