vue基础小结

vue小结

网速导致闪烁问题

---

[v-cloak] {
   
    /* 闪烁问题 */
    display: none;
}

---

页面数据渲染

• 插值{ {…}}

  ​ 保留原有数据

• v-text

• v-html

  ​ 解析html

---

属性绑定（v-bind----:）

---

触发事件（v-on—@）

• .stop
  阻止事件冒泡机制（阻止自身之后的事件发生）

• .self

  阻止事件冒泡机制（只会阻止自身事件的发生）

• .prevent

  阻止超链接的默认行为（href属性）

• .once

  需要和.prevent一起使用（只触发一次 事件）

• .capture

  捕获触发事件

---

双向数据绑定（v-model）

---

数据遍历（v-for)

• 字符串数组