天天看點

Vue的基本使用

插值表達式:{{ }}。

作用:将資料填充到HTML标簽中。

插值表達式支援基本的計算操作

資料綁定最常見的形式就是使用“Mustache”文法 (雙大括号) 的文本插值:

Vue的基本使用

內插補點表達式将會被替代為對應資料對象上 <code>msg</code> property 的值。無論何時,綁定的資料對象上 <code>msg</code> property 發生了改變,插值處的内容都會更新。

通過使用 v-once 指令,你也能執行一次性地插值,當資料改變時,插值處的内容不會更新。但請留心這會影響到該節點上的其它資料綁定:

Vue的基本使用
Vue的基本使用

Vue代碼運作原理分析:(vue文法--&gt;原生文法)

簡單點說就是vue代碼會經過vue.js編譯轉換成原生js代碼,進而呈現在浏覽器當中。