差值表达式

1.函数：{{ sayHI() }}
2.computed：{{ sayHI }}
3.data：{{ title }}
4.表达式 {{ num +=1 }}
5.三目运算符 {{ num>10 ? ‘大于10了’ : ‘小于10了’ }}
6.单行表达式{{ str.split().reverse().join(‘’) }}

  1. <html>
  2.   <body>
  3.     <div id="app">
  4.       <span>
  5.         {{title}}
  6.       </span>
  8.       {{ sayHI() }}
  10.       <!-- 双向绑定v-model -->
  11.       <input type="text" v-model="title">
  12.     </div>
  13.   </body>
  15.   <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  16.   <script>
  17.     new Vue({
  18.       //指定作用于那一个div
  19.       el:'#app',   
  20.       //属性
  21.       data:{       
  22.         title:'welcom to vue'
  23.       },
  24.       //方法
  25.       methods:{
  26.         sayHI:function() {
  27.           alert('hi,vue');
  28.         }
  29.       }
  30.     });
  31.   </script>
  33. </html>