vue前端框架常用指令的作用以及语法

1. v-text

作用：更新元素的文本内容（会覆盖元素原有内容）。

语法：

2. v-html

作用：将数据以 HTML 格式插入元素（注意 XSS 风险）。

语法：

3. v-bind

作用：动态绑定 HTML 属性（如 class、style、src 等），可简写为 :。

语法：

4. v-on

作用：绑定事件监听器，可简写为 @。

语法：

5. v-model

作用：在表单元素（输入框、复选框等）上实现双向数据绑定。

语法：

6. v-for

作用：基于数组或对象循环渲染元素。

语法：

7. v-if / v-else-if / v-else

作用：根据条件动态渲染元素（会销毁 / 重建元素）。

语法：

8. v-show

作用：根据条件显示 / 隐藏元素（通过 CSS display 控制，元素始终存在）。

语法：

9. v-pre

作用：跳过元素及子元素的编译过程，直接显示原始内容（不解析 {{ }}）。

语法：

这些指令是 Vue 模板开发的基础，合理使用可高效实现数据与视图的联动。