vue3 退出登录自动刷新页面

在Vue3中，可以使用watch来监听用户是否已经退出登录，如果已经退出，则可以使用location.reload()方法来刷新页面。示例代码如下：

<template>
  <div>
    <h1>My App</h1>
    <button @click="logout">Logout</button>
  </div>
</template>

<script>
import { watch } from 'vue';

export default {
  methods: {
    logout() {
      // Call logout API or do something else
      // ...

      // Set isLoggedOut to true
      this.isLoggedOut = true;
    },
  },

  setup() {
    const isLoggedOut = ref(false);

    // Watch isLoggedOut and reload the page if it's true
    watch(isLoggedOut, (newValue) => {
      if (newValue) {
        location.reload();
      }
    });

    return {
      isLoggedOut,
    };
  },
};
</script>

在以上示例代码中，我们使用了`watch`来监听`isLoggedOut`的变化，当`isLoggedOut`变为`true`时，我们使用`location.reload()`方法来刷新页面。当用户点击“Logout”按钮时，我们将`isLoggedOut`设置为`true`，这将触发`watch`中的回调函数，从而刷新页面。