vue监听对象和数组变化的原理
    Vue通过利用JavaScript的Object.defineProperty()方法来实现对象和数组的监测。在Vue创建实例的时候，会递归地将对象的每个属性都转换为getter和setter，这样就能在数据改变的时候得到通知。
vue逗号分割的字符串转数组    当Vue执行渲染函数，读取某个数据的值时，会进行依赖收集。Vue会将当前的Watcher对象（观察者）存储在闭包中，并将这个Watcher与数据关联起来。这样，当数据发生变化时，就会调用Watcher的回调函数来更新视图。
    对于数组的变化，Vue通过重写数组的一些方法来实现监测。例如，当调用数组的push()方法时，Vue会拦截这个方法并对新增的数据进行监测，从而能够得到通知。但是，Vue无法拦截一些数组操作方法，例如直接通过下标赋值，因为这并不会触发数组的变异方法。在这种情况下，可以使用Vue提供的$set()方法来手动触发数组变化的通知。
    总的来说，Vue通过Object.defineProperty()方法和重写数组方法来实现对对象和数组的监测，从而能够在数据改变时及时更新视图。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。