vue怎样看dom重新渲染

在Vue中，当数据产生变化时，Vue会通过虚拟DOM（Virtual DOM）机制来重新渲染DOM。
具体来讲，当数据产生变化时，Vue会首先检查变化的数据，然后将这些变化利用到虚拟DOM树中。接下来，Vue会比较新旧虚拟DOM树的差异，并将这些差异利用到实际的DOM树中，从而实现DOM的重新渲染。
在Vue中，可以通过以下方式来视察DOM的重新渲染：
1. 使用Vue的开发者工具（Vue Devtools）来查看实际的DOM结构和变化。Vue Devtools可以以插件情势集成到浏览器开发者工具中，通过它我们可以查看实时的组件树、数据变化、DOM结构等信息。
2. 在Vue组件的生命周期钩子函数中打印DOM相关的信息。Vue提供了一些生命周期钩子函数，如`created`、`mounted`等，可以在这些钩子函数中打印DOM的相关信息，例如元素的类名、属性、内容等，以便视察DOM的变化。
3. 使用Vue的`$nextTick`方法来在DOM重新渲染后履行回调函数。`$nextTick`方法可以将回调函数推延到下次DOM更新循环以后履行，可以在回调函数中视察DOM的变化。
总之，Vue会通过虚拟DOM机制来重新渲染DOM，我们可使用Vue的开发者工具、生命周期钩子函数和`$nextTick`方法来视察DOM的重新渲染。