作用:更新元素的文本内容(会覆盖元素原有内容)。
语法:
作用:将数据以 HTML 格式插入元素(注意 XSS 风险)。
语法:
作用:动态绑定 HTML 属性(如 class、style、src 等),可简写为 :。
语法:
作用:绑定事件监听器,可简写为 @。
语法:
作用:在表单元素(输入框、复选框等)上实现双向数据绑定。
语法:
作用:基于数组或对象循环渲染元素。
语法:
作用:根据条件动态渲染元素(会销毁 / 重建元素)。
语法:
作用:根据条件显示 / 隐藏元素(通过 CSS display 控制,元素始终存在)。
语法:
作用:跳过元素及子元素的编译过程,直接显示原始内容(不解析 {{ }})。
语法:
这些指令是 Vue 模板开发的基础,合理使用可高效实现数据与视图的联动。