vue 中，组件 parent 引用了子组件 sub:
<template> <div @click="ajax"> <sub :xxx="xxx" /> </div> <template> 点击后会有一些ajax拉取数据的操作，但和xxx变量无关，这时候可以观察到sub组件被不断重建和销毁（在 sub 的destroyed和created里写console.log输出）。
但我确保xxx没有发生变动。在parent里watch: { xxx() {console.log('xxx changed'); }} 也看不到输出。
请问可能是什么原因导致这个？
第 1 条附言 2020-07-16 18:50:33 +08:00
还有一个诡异的现象，如果切换到 Vue 调试窗口（ chrome 开发模式），展开到接近 parent 组件，这种情况就会消失。而且之后再也不会出现。
但关掉开发者模式再刷新，现象仍然继续。
但关掉开发者模式再刷新，现象仍然继续。
 | 1 ChanKc 2020-07-16 18:13:40 +08:00 via Android ajax 的一开始触发了一个 v-if 销毁，回调再生成 |
 | 2 jklopsdfw 2020-07-16 18:14:33 +08:00 via iPhone 不如在 parent 组件的 destroyed 里也打印一下 |
| 3 ChanKc 2020-07-16 18:16:29 +08:00 via Android #1 换成数组 v-for 也有可能 |
 | 6 ljpCN 2020-07-16 18:34:07 +08:00 via Android 建议贴出源码或者提供一个最小 demo |
 | 7 zhiqiang OP @ljpCN 抱歉，整个代码比较大，而且这种 bug 看上去不是简单 bug，我也没法搞一个出来。发出来看看大家有没有遇到同样情况，然后给点提示。 一些点： * sub 内部递归调用了 parent 组件。 * sub 和 parent 都 mixins 了同一个东西。 除了 sub 被不断销毁和重建，其它功能和显示都正常。 |
| 8 zhiqiang OP 还有一个诡异的情况，如果切换到 Vue 调试窗口（ chrome 开发模式），展开到接近 parent 组件，这种情况就会消失。而且之后再也不会出现。 但关掉开发者模式再刷新，现象仍然继续。 感觉像 sub 这个组件被垃圾回收了一样。 |
 | 9 XiaoxiaoPu 2020-07-16 18:50:01 +08:00 @zhiqiang sub 的代码需要简单提供下吧。按你提供的信息：「 sub 内部递归调用了 parent 组件」，那 sub 内肯定有类似 v-if v-for 的东西（不然会死循环），“不断重建和销毁的 sub 组件” 可能是更内层的组件。 |
 | 10 cuzfinal 2020-07-16 18:50:23 +08:00 给 div 写一个固定的 key |
| 11 zhiqiang OP @XiaoxiaoPu sub 内肯定有 if-else，但我确信销毁重建的的就是 sub 组件本身。 |
 | 13 BreadKiller 2020-07-17 10:12:46 +08:00 把 sub 内的逻辑精简一下，比如删除 for if else,看看还有没有问题，如果还是有问题估计问题就出在 parent 上了 |
Select Language