vue3设置跳转页面不触发钩子函数，使跳转回来的时候还是原来的样子

在 Vue3 中，可以通过使用 `keep-alive` 组件来缓存组件的状态，从而在跳转回来时保持原来的状态。同时，可以通过设置 `exclude` 属性来跳过不需要缓存的组件，从而避免触发钩子函数。

以下是示例代码：

<template>
  <div>
    <router-view v-slot="{ Component }">
      <keep-alive exclude="NoCacheComponent">
        <component :is="Component" />
      </keep-alive>
    </router-view>
  </div>
</template>

在上面的示例中，我们使用了 `keep-alive` 组件来缓存组件的状态。同时，设置了 `exclude` 属性，将名为 `NoCacheComponent` 的组件排除在缓存之外，从而避免触发钩子函数。

如果要让一个组件不缓存，可以在组件中使用 `v-if` 来动态地切换组件的显示：

<template>
  <div v-if="!noCache">
    <!-- 组件内容 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      noCache: true
    }
  },
  beforeRouteLeave(to, from, next) {
    // 在离开该组件前，将 noCache 设为 false
    this.noCache = false
    next()
  }
}
</script>

在上面的示例中，我们使用了 `v-if` 来动态地切换组件的显示。同时，在组件的 `beforeRouteLeave` 钩子函数中，将 `noCache` 设为 `false`，以便在离开该组件前将其从缓存中移除。这样，在跳转回来时，该组件的状态就会被重新创建，从而保持原来的样子。