插值表達式:{{ }}。
作用:将資料填充到HTML标簽中。
插值表達式支援基本的計算操作
資料綁定最常見的形式就是使用“Mustache”文法 (雙大括号) 的文本插值:
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsISPrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdsATOfd3bkFGazxCMx8VesATMfhHLlN3XnxCMwEzX0xiRGZkRGZ0Xy9GbvNGLpZTY1EmMZVDUSFTU4VFRR9Fd4VGdsYTMfVmepNHLrJXYtJXZ0F2dvwVZnFWbp1zczV2YvJHctM3cv1Ce-cmbw5CMjNDZyIDN5MGNiVTZ2IjZ0EDOhBDOzkjZygTOlFTN48CX2AzLchDMxIDMy8CXn9Gbi9CXzV2Zh1WavwVbvNmLvR3YxUjL5M3Lc9CX6MHc0RHaiojIsJye.png)
內插補點表達式将會被替代為對應資料對象上 <code>msg</code> property 的值。無論何時,綁定的資料對象上 <code>msg</code> property 發生了改變,插值處的内容都會更新。
通過使用 v-once 指令,你也能執行一次性地插值,當資料改變時,插值處的内容不會更新。但請留心這會影響到該節點上的其它資料綁定:
Vue代碼運作原理分析:(vue文法-->原生文法)
簡單點說就是vue代碼會經過vue.js編譯轉換成原生js代碼,進而呈現在浏覽器當中。