作用:更新元素的文本內(nèi)容(會(huì)覆蓋元素原有內(nèi)容)。
語法:
作用:將數(shù)據(jù)以 HTML 格式插入元素(注意 XSS 風(fēng)險(xiǎn))。
語法:
作用:動(dòng)態(tài)綁定 HTML 屬性(如 class、style、src 等),可簡(jiǎn)寫為 :。
語法:
作用:綁定事件監(jiān)聽器,可簡(jiǎn)寫為 @。
語法:
作用:在表單元素(輸入框、復(fù)選框等)上實(shí)現(xiàn)雙向數(shù)據(jù)綁定。
語法:
作用:基于數(shù)組或?qū)ο笱h(huán)渲染元素。
語法:
作用:根據(jù)條件動(dòng)態(tài)渲染元素(會(huì)銷毀 / 重建元素)。
語法:
作用:根據(jù)條件顯示 / 隱藏元素(通過 CSS display 控制,元素始終存在)。
語法:
作用:跳過元素及子元素的編譯過程,直接顯示原始內(nèi)容(不解析 {{ }})。
語法:
這些指令是 Vue 模板開發(fā)的基礎(chǔ),合理使用可高效實(shí)現(xiàn)數(shù)據(jù)與視圖的聯(lián)動(dòng)。