1、Vue的模板語法、資料繫結
阿新 • • 發佈：2022-03-06
1、Vue模板語法有2大類：
1.1.插值語法：
功能：用於解析標籤體內容。 寫法：{{xxx}}，xxx是js表示式，且可以直接讀取到data中的所有屬性。1.2.指令語法：
功能：用於解析標籤（包括：標籤屬性、標籤體內容、繫結事件.....）。 舉例：v-bind:href="xxx" 或 簡寫為 :href="xxx"，xxx同樣要寫js表示式，且可以直接讀取到data中的所有屬性。 備註：Vue中有很多的指令，且形式都是：v-????，此處我們只 是拿v-bind舉個例子。2、Vue中有兩種資料繫結的的方式
1、單向繫結（v-bind）：資料只能從data流向頁面
2、雙向繫結（v-model）：資料不僅能從data流向頁面，還可以從頁面流向data
雙向資料繫結一般都應用在表單類元素上（如，input，select等）
v-model：value 可以簡寫為v-model，因為v-model預設手機的就是value值