# 需求 某些全局变量被页面接口使用，修改这些全局变量时，涉及到这些变量的接口也需要重新调用。 # 方案 1. watch监听：增加代码可读性【×】 2. window.location.reload() 重新加载页面，资源需重新加载，刷新速度慢【×】 3. 使用v-if特性，达到刷新路由的效果 ```vue <template> <router-view v-if="updateViewStatus"/> </template> <script lang="ts" setup> // ... const updateView = () => { updateViewStatus.value = false; nextTick(() => { updateViewStatus.value = true; }) } // ... </script> ```