如何在Nuxt 3中查看路线？

Question

我不知道如何在 Nuxt3 中观看路线。

在 Nuxt2 中，在任何组件中制作它都非常容易。有谁知道我如何在 Nuxt3 中写这个？

<script>
export default {
  ....
  watch: {
    $route(to, from) {
      console.log('route change to', to)
      console.log('route change from', from)
    },
  },
  ....
}
</script>

Answer 1

“myvariable”可以是布尔值或字符串或其他任何值。

<script setup>

const myvariable = ref(true)

watch(
  () => route.path,
  () => {
    do my function or
    myvariable.value = false
  },
);

“myvariable”可以是布尔值或字符串或其他任何值。

Answer 2

知道了

<script lang="ts" setup>
  const menu = reactive({isOpen: false});

  const route = useRoute();

  watch(route, value => {
    menu.isOpen = false
  }, {deep: true, immediate: true})
</script>

Answer 3

支持Hadicodes答案，Nuxt v^3.7.4

<script setup lang="ts">

const route = useRoute();
const isMobileNavOpen = ref(false);

watch(() => route.fullPath, () => {
    isMobileNavOpen.value = false;
});
</script>