Vue的插值语法

<div id="app">
  {{message}} vue
  <br>
  {{firstName + ‘ ‘ + lastName}}
  <br>
  {{firstName}} {{lastName}}
  <br>
  {{counter * 2}}
</div>

<div id="app">
  <h2>{{message}}</h2>
  <!--v-on : 该指令修饰的元素和组件只渲染一次，不会随着数据的改变而改变  -->
  <h2 v-once> {{message}}</h2>
</div>

<div id="app">
  <h2 v-html="url"></h2>
</div>

const app = new Vue({
  el: "#app", //用于挂载要管理的元素
  data: {   //定义数据
    url: ‘<a href="http://www.baidu.com">百度一下</a>‘
  }
})

<div id="app">
  <h2>{{message}},houchen</h2>
  <h2 v-text="message">,houchen</h2> <!--v-text中的内容会将vue覆盖-->
</div>

<div id="app">
  <h2>{{message}}</h2>
  <h2 v-pre>{{message}}</h2>   <!-- 显示{{message}}，不对插值表达式进行解析 -->
</div>

<div id="app">
  <h2 v-cloak>{{message}}</h2>
</div>