Vue3基本指令

1. Mustache双大括号语法

• 数据显示到模板（template）中，使用最多的语法是**“Mustache”语法 (双大括号)**的文本插值。
• Mustache中不仅仅可以是data中的属性，也可以是一个JavaScript的表达式。

  <template id="my-app">
    <!-- 1.mustache的基本使用 -->
    <h2>{
  {message}}</h2>
    <!-- 2.也可以是一个表达式 -->
    <h2>{
  {counter * 10}}</h2>
    <h2>{
  {message.split(" ").reverse().join(" ")}}</h2>
    <!-- 3.也可以调用函数 -->
    <!-- 也可以是computed（计算属性） -->
    <h2>{
  {getReverse()}}</h2>
    <!-- 4.三元运算符 -->