vue watch set

在Vue中，watch是一个方法，用于观察数据的变动，并进行相应的数据监听。通过watch，我们可以监听特定数据的变化，并在数据变动时执行相应的操作。当我们使用watch监听对象时，可能会遇到一个问题，即对象中的数组变动无法实时渲染到页面中。为了解决这个问题，我们可以使用set方法。

set方法在这里的存在意义是，它能够帮助Vue检测数组的变动，并触发相应的更新。在Vue中，默认情况下，当我们直接使用索引设置数组的某一项时，Vue不会自动更新。例如，我们使用`vm.items[indexOfItem] = newValue`来修改数组的某一项时，Vue不会自动触发更新。同样地，当我们修改数组的长度时，Vue也不会自动触发更新。例如，我们使用`vm.items.length = newLength`来修改数组的长度时，Vue同样不会自动触发更新。

然而，当我们使用set方法时，Vue会重新计算数组的依赖，并触发相应的更新。通过在修改数组时使用set方法，Vue能够正确地跟踪数组的变动，并实时将变动渲染到页面中。需要注意的是，set方法只能应用于非Vue实例对象或Vue实例中的根数据对象，而不能直接应用于Vue实例本身。

综上所述，通过使用Vue的watch方法和set方法，我们可以实现监听数据变动并实时渲染到页面的效果。watch可以帮助我们监听数据的变化，而set方法可以帮助Vue检测数组的变动并触发更新。

参考资料：
watch - Vue.js官方文档
Vue中watch无法监听到对象数组的变化的问题解决 - 知乎
Vue不能检测的数组变动 - Vue.js官方文档