<script lang="ts" setup> const route = useRoute() watch( () => route.query, () => { console.log(route['query']) } ) function move() { navigateTo({ name: 'example', query: { foo: 'bar' }, }) } </script> <template> <button @click="move">move</button> </template&g

watch 和 watchEffect 的区别 watch 基本使用 watch监听响应式状态发生变化的，当响应式状态发生变化时，都会触发一个回调函数。 <template> <p>{{ message }}</p> <button @click="changeMsg">更改 message</button> </template> <script setup lang="ts"> import { ref, watch }

在Vue 3中，可以使用watch API来监听响应式元素的变化。 例如，如果有一个响应式元素count，可以使用以下代码来监听它的变化： import { watch, reactive } from 'vue' const state = reactive({ count: 0 }) watch(() => state.count, (newValue, oldValue) => { console.log(`count changed from ${oldValue} to ${newVa