1.Vue指令
本質就是自定義屬性。Vue中指定都是以 v- 開頭,vue內部幫我們封裝好一些實用基礎指令。2.v-text指令
作用:v-text指令用於將資料填充到標籤中,作用於插值表示式類似,但是沒有閃動問題,如果資料中有HTML標籤會將html標籤一併輸出,注意:此處為單向繫結,資料物件上的值改變,插值會發生變化,但是當插值發生變化並不會影響資料物件的值。
<div id="app"> //注意:在指令中不要寫插值語法,直接寫對應的變數名稱//在v-text中賦值的時候不要在寫插值語法,一般屬性中不加{{}}直接寫對應的資料名<p v-text="msg"></p> <p>{{msg}}</p> </div><script>new Vue({ el: '#app', data: { msg: 'Hello Vue.js' }});</script>
這兩者等價:
<p>{{msg}}</p>
最新評論