Happy Plugs 釋出 Play 耳機：專為 3 至 15 歲少年設計
阿新 • • 發佈：2021-08-02
模版語法
插值表示式：{{ }}
資料繫結最常見的形式就是使用“Mustache”語法 (雙大括號) 的文字插值：
<body>
<div id="app">第一次學習：{{ msg }}</div>
<!-- 引入MDNvue.js -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
<script>
// 新建VM例項
var vm = new Vue({
el:
// 瀏覽器顯示結果如下：
差值表示式將會被替代為對應資料物件上msgproperty 的值。無論何時，繫結的資料物件上msgproperty 發生了改變，插值處的內容都會更新。
通過使用v-once 指令，你也能執行一次性地插值，當資料改變時，插值處的內容不會更新。但請留心這會影響到該節點上的其它資料繫結：
// 正常情況下，當資料改變時，插值處的內容會更新。 <div id="app">第一次學習：{{ msg }}</div>
// 通過使用 v-once 指令，執行一次性地插值，當資料改變時，插值處的內容不會更新。 <div id="app" v-once>第一次學習：{{ msg }}</div>