vue插值表达式Mustache的使用方法

 <div id="app" >
  <!--mustache语法中,不仅仅可以直接写变量,也可以写简单的表达式-->
  <h3>{{firstName.length}}（使用‘.'获取属性）</h3>
  <h3>{{firstName + lastName}}（字符串拼接）</h3>
  <h3>{{firstName + ' ' + lastName}}（注意名字中间的的空格）</h3>
  <h3>{{firstName}} {{lastName}}（注意名字中间的空格）</h3>
  <h3>{{age * 2}}（简单的算术表达式）</h3>
  <h3>{{lastName == 'Curry' &#63; '真棒' : '还好'}}（三目运算）</h3>
  <h3>{{lastName.split('rr').reverse().join(',')}}（使用javascript函数）</h3>
  <h3>{{customMethod(lastName)}}(使用自定义的函数)</h3>
 </div>
 <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
 <script>
  const app = new Vue({
   el: '#app',
   data: {
    firstName: 'Stephen',
    lastName: 'Curry',
    age: 13
   },
   methods:{
    customMethod(str){
     return str.split('rr').reverse().join(',')
    }
   }
  })
 </script>