vue常见的指令都有哪些,有什么作用

在 Vue.js 中，指令（Directives） 是带有 v- 前缀的特殊属性，用于在模板中声明式地应用一些特殊行为或 DOM 操作。以下是 Vue 常见的指令及其作用：

---

1. v-text

• 作用：更新元素的 textContent（文本内容）。

• 示例：

  html

  <span v-text="message"></span>
  <!-- 等同于 -->
  <span>{
     
     { message }}</span>

---

2. v-html

• 作用：更新元素的 innerHTML（解析 HTML 内容）。

• 注意：避免用于用户提交的内容（防止 XSS 攻击）。

• 示例：

  html

  <div v-html="rawHtml"></div>

---

3. v-bind（缩写 :）

• 作用：动态绑定一个或多个属性（如 class、style、href 等）。<