Vue基礎語法

插值語法（Mustache）

Mustache

數據是響應式的。

<div id="app">
  <p>{{message}}</p>
  <p>{{counter*2}}</p> /*也能夠是一個表達式*/
</div>
<script src="../js/vue.js"></script>
<script>
  let app = new Vue({
    el: "#app",
    data: {
      message: "hello vue",
      counter: 2
    },
  })
</script>

v-once

數據不是響應式的

<div id="app">
  <p v-once>{{message}}</p>
</div>
<script src="../js/vue.js"></script>
<script>
  let app = new Vue({
    el: "#app",
    data: {
      message: "hello vue"
    },
  })
</script>

當在控制檯 app.message = 'hello' 時，頁面中的數據不會發生改變。

v-html

該指令後面每每會跟上一個string類型，會將string的html解析出來而且進行渲染。

v-text

v-pre

v-block

綁定屬性

計算屬性

事件監聽

條件判斷

循環遍歷

階段案例

v-model