Vue.js有以下基礎指令:
v-bind
:用于將數據綁定到HTML元素的屬性上,可以動態地更新元素的屬性值。例如:
v-on
:用于監聽DOM事件并在觸發時執行相應的方法。例如:
v-model
:用于雙向數據綁定,在表單元素上使用可以實現數據的雙向同步。例如:
{{ item }}v-for
:用于循環遍歷數組或對象,生成重復的HTML元素。例如:
v-if
/ v-else
/ v-else-if
:用于條件渲染,根據條件來決定是否渲染元素。例如:
v-show
:與v-if
類似,也是用于條件渲染,根據條件來控制元素的顯示和隱藏,不同之處在于v-show
只是通過CSS控制顯示和隱藏,而不是從DOM中添加或移除元素。例如:
v-text
:用于輸出文本內容,會替換元素的textContent。例如:
v-html
:用于輸出HTML內容,會將數據作為HTML解析并插入到元素中。注意要謹慎使用,因為存在XSS攻擊的風險。例如:
這些是Vue.js的常用基礎指令,它們可以幫助我們實現動態、交互性豐富的前端應用。