vue--检测对象,数组的改变

1. 检测对象的改变

  • 对象中后追加的属性,Vue默认不做响应式处理

  • 如需给后添加的属性做响应式,请使用如下API:

    Vue.set(target,propertyName/index,value)

    vm.$set(target,propertyName/index,value)

2. 检测数组的改变

  • 通过包裹数组更新元素的方法实现,本质就是做了两件事:

    (1).调用原生对应的方法对数组进行更新。
    (2).重新解析模板,进而更新页面。

  • 在Vue修改数组中的某个元素一定要用如下方法:

    1.使用这些API:push()、pop()、shift()、unshift()、splice()、sort()、reverse()
    2.Vue.set() 或 vm.$set()

特别注意:Vue.set() 和 vm.$set() 不能给vm 或 vm的根数据对象 添加属性!!!

相关推荐

  1. vue--检测对象改变

    2024-04-14 21:20:01       43 阅读
  2. 解决splice改变BUG

    2024-04-14 21:20:01       29 阅读
  3. 解决splice改变BUG!

    2024-04-14 21:20:01       30 阅读
  4. js对象转换为两种方法

    2024-04-14 21:20:01       59 阅读
  5. 遍历和里面对象

    2024-04-14 21:20:01       58 阅读
  6. uniapp遍历对象常见方法

    2024-04-14 21:20:01       29 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-14 21:20:01       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-14 21:20:01       106 阅读
  3. 在Django里面运行非项目文件

    2024-04-14 21:20:01       87 阅读
  4. Python语言-面向对象

    2024-04-14 21:20:01       96 阅读

热门阅读

  1. 【Redis】事务

    2024-04-14 21:20:01       39 阅读
  2. 移除元素总结(十九天)

    2024-04-14 21:20:01       42 阅读
  3. 深入理解nginx的userid模块

    2024-04-14 21:20:01       38 阅读
  4. kubeadm部署kubernetes1.29

    2024-04-14 21:20:01       31 阅读
  5. AI Safety与AI Security:探索共同点和差异(上)

    2024-04-14 21:20:01       31 阅读
  6. LeetCode 119. 杨辉三角 II

    2024-04-14 21:20:01       39 阅读
  7. 设计模式: 结构型之组合模式(6)

    2024-04-14 21:20:01       32 阅读
  8. 你的期待薪资是多少

    2024-04-14 21:20:01       43 阅读