vue数据改变后而视图不更新有哪几种情况及解决方式？

Vue数据改变后视图不更新的情况有以下几种：

1. 直接修改数组某个下标的值，Vue无法监测到该变化，因为Vue会在初始化时劫持数组的一些方法来监听数组变化，如push、pop、shift、unshift、splice、sort、reverse等，而直接修改数组的某个下标的值并不是这些方法，所以Vue无法感知到变化。

解决方式：使用Vue提供的变异方法来修改数组，如$set、splice等。

2. 对象属性添加或删除时，Vue也无法检测到变化，因为Vue只劫持了对象已有的属性。

解决方式：使用Vue提供的$set方法来添加属性，使用Vue提供的$delete方法来删除属性。

3. 多个组件共享同一个数据源，如果一个组件修改了数据，但是其他组件没有更新，这是由于Vue的组件实例是独立的，它们都有自己的状态，修改一个组件的状态并不会影响其他组件的状态。

解决方式：使用Vuex来进行全局状态管理，或者使用事件总线来进行组件之间的通信。

4. 在生命周期钩子函数中直接修改数据，由于Vue的异步更新机制，在生命周期钩子函数中修改数据可能会导致视图无法及时更新。

解决方式：在生命周期钩子函数中使用this.$nextTick方法，该方法会在DOM更新完毕后执行回调函数，确保视图已经更新后再进行数据的修改。

5. 在计算属性中修改数据，计算属性本质上是一个函数，当计算属性依赖的数据发生变化时，该函数会重新执行，如果在计算属性中修改数据，则会导致死循环。

解决方式：避免在计算属性中修改数据，如果必须要修改，可以使用watch监听该计算属性，然后在watch回调函数中进行修改。