2. Vue语法 插值表达式

数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值，Mustache 标签将会被替代为对应数据对象上属性的值。无论何时，绑定的数据对象上属性发生了改变，插值处的内容都会更新。
Vue.js 都提供了完全的 JavaScript 表达式支持。

例如：

{{ number + 1 }}
{{ ok ? 'YES' : 'NO' }}

这些表达式会在所属 Vue 实例的数据作用域下作为 JavaScript 被解析。有个限制就是，每个绑定都只能包含单个
表达式，所以下面的例子都不会生效。

{{ var a = 1 }}

{{ if (ok) { return message } }}

具体验证

   
      
      
      
   
   
      

         {{message}}
         
         {{true, "OK", "No"}}
      
   
   

这里可以对tomcat重新热部署，使其修改资源后页面刷新同步更新，需要重新配置下

image.png

选择war exploded

image.png

image.png

image.png

image.png

   
      
      
      
   
   
      

         {{message}}
         
         {{true, "OK", "No"}}
         
         {{number*3.14}}
      
   
   

image.png

验证无效语句

无显示效果

image.png