vue几个基础知识点

54 阅读1分钟

v-for什么时候会更新页面呢?

  • 数组采用更新方法, 才导致v-for更新页面
  • 哪些数组方法会导致v-for更新页面:
    • push()
    • pop()
    • shift()
    • unshift()
    • splice()
    • sort()
    • reverse()
  • 哪些数组方法不会导致v-for跟新页面:
    • slice()
    • filter()
    • concat()

vue是如何提高更新性能的?

  • 采用虚拟DOM+key提高更新性能

虚拟DOM是什么?

  • 本质是保存dom关键信息的JS对象

如何比较新旧虚拟DOM?

  • 根元素改变 – 删除当前DOM树重新建
  • 根元素未变, 属性改变 – 更新属性
  • 根元素未变, 子元素/内容改变
  • 无key – 就地更新 / 有key – 按key比较