【vue源码】$set实现原理

$set的作用

vm.$set(target, key, value)中接收三个参数

  • targer 目标值
  • key 将要设置的属性
  • value 要设置的值 对于在初始化data时已经设置的值,当我们改变他们的值,可以触发视图更新,但是新增的属性却无法被追踪到并触发视图更新,例如:person:{name:'张三'}中我们想要再添加一个age属性,通过赋值的方式设置属性并不是响应式。因此需要借助$set方法去设置。

前期准备和资料

  • 本文基于vue2.6.14版本进行解读
  • demo地址传送门(为了方便查看源码执行过程,请在debugger下进行调试查看,在demo关键代码处已打debugger)
  • demo相关代码

解读

前端相关代码

你可能感兴趣的:(vue.js,javascript,前端)