Vue
有关watch触发的一个问题 #11749
-
|
|
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 3 replies
-
|
请提供复现案例，以便于排查原因 |
Beta Was this translation helpful? Give feedback.
-
|
https://stackblitz.com/edit/vitejs-vite-y3yxhk?file=src%2Fcomponents%2FHelloWorld.vue |
Beta Was this translation helpful? Give feedback.
-
|
template 是函数环境 render，每次修改 input 的时候，会触发 render，然后每次执行render都会生成新的 {a:1,b:2} 此时创建的 obj 和上一次执行render 时不一样，所以触发了 watch，但是这种场景似乎只会在 vue2中出现，我在 playground 中并未发现这一问题。 您可以暂时将obj声明在 setup 中，避免每次render生成新的obj： <template>
<HelloWorld v-model:value="model" :obj="obj" />
</template>
<script setup>
import { ref } from 'vue';
import HelloWorld from './components/HelloWorld.vue';
const model = ref('');
const obj = { a: 1, b: 2 };
</script> |
Beta Was this translation helpful? Give feedback.
-
|
感谢回答,大致了解了。 |
Beta Was this translation helpful? Give feedback.
template 是函数环境 render，每次修改 input 的时候，会触发 render，然后每次执行render都会生成新的 {a:1,b:2} 此时创建的 obj 和上一次执行render 时不一样，所以触发了 watch，但是这种场景似乎只会在 vue2中出现，我在 playground 中并未发现这一问题。
您可以暂时将obj声明在 setup 中，避免每次render生成新的obj：