vue什么时候会重新渲染

Vue会在以下情况下重新渲染：

1. 数据发生变化：当Vue实例中的数据发生变化时，Vue会自动重新渲染相关的模板。Vue使用了响应式的数据绑定机制，当数据发生变化时，会触发对应的更新操作，从而重新渲染相关的组件或模板。

2. 手动调用更新：Vue提供了一些方法用于手动调用更新，例如$forceUpdate方法可以强制重新渲染整个实例，$nextTick方法可以在下次DOM更新循环结束之后执行回调函数。

3. Watcher监听器的触发：在Vue中可以通过Watcher监听器来监听某个属性的变化，并执行相应的回调函数。当被监听的属性发生变化时，Watcher会被触发，从而导致重新渲染相关的组件或模板。

4. 父组件重新渲染：如果某个子组件的父组件发生重新渲染，那么子组件也会被重新渲染。

5. 路由变化：当使用Vue-router进行路由切换时，当前路由下的组件会被重新渲染。

总的来说，Vue会在数据变化、手动更新、监听器触发、父组件重新渲染以及路由变化等情况下重新渲染组件或模板。这也是Vue响应式的核心机制，能够自动更新视图，提高了应用的性能和开发效率。

Vue会在以下情况下重新渲染：

1. 数据变化：当Vue实例的响应式数据发生变化时，Vue会自动重新渲染页面。这是Vue的核心特性之一，通过将数据和视图进行绑定，当数据改变时，视图会自动更新。

2. 计算属性改变：如果计算属性依赖的响应式数据发生变化，则计算属性会重新计算，从而触发重新渲染。

3. 监听器变化：当Vue实例中的watch监听器监听的数据发生变化时，Vue会重新渲染页面。

4. 父组件重新渲染：当一个组件的父组件重新渲染时，子组件也会重新渲染。

5. 强制渲染：在某些特殊情况下，可以使用Vue提供的实例方法$forceUpdate()来强制重新渲染组件。这个方法会跳过Vue的虚拟DOM更新过程，直接执行render函数来重新渲染组件。

需要注意的是，Vue使用的是基于虚拟DOM的渲染机制。每次重新渲染时，Vue会通过比较新旧虚拟DOM树的差异，然后只更新改变的部分，从而提高性能。因此，即使有多个数据变化，Vue也可以进行一次统一的重新渲染操作，而不是每次都重新渲染整个页面。

Vue 在以下情况下会重新渲染：

1. 数据改变：当 Vue 实例的数据发生改变时，Vue 会自动重新渲染相关的组件。这是因为 Vue 使用了响应式的数据绑定机制，当数据发生改变时，相关的组件会自动更新。

2. 属性计算值（Computed）改变：当属性计算值（Computed）所依赖的数据发生改变时，Vue 会重新计算属性计算值并重新渲染相关的组件。

3. 侦听器（Watch）函数触发：当侦听器函数监测到所依赖的数据发生改变时，Vue 会重新渲染相关的组件。侦听器函数可以用来监听数据的变化，并在变化时执行一些自定义的操作。

4. 父组件重新渲染：当父组件发生重新渲染时，子组件也会跟着重新渲染。这是因为组件之间存在父子关系，父组件的重新渲染会导致子组件的重新渲染。

5. 组件内的生命周期钩子函数：Vue 组件有生命周期钩子函数，这些函数会在组件的不同阶段被调用。当组件的生命周期钩子函数被触发时，Vue 会重新渲染相关的组件。

6. Vue 实例被销毁后重新创建：当 Vue 实例被销毁后重新创建时，所有相关的组件会重新渲染。这是因为 Vue 的组件是与 Vue 实例绑定的，当 Vue 实例重新创建时，所有组件也会重新创建。

需要注意的是，Vue 会尽量做最小化的渲染，只重新渲染相关的组件而不是整个页面。这样可以提高页面性能。同时，Vue 也会使用虚拟 DOM 技术来优化渲染过程，只更新发生改变的部分，减少不必要的 DOM 操作，进一步提高性能。