可以使用计算特性Map该值。

computed: {
  key1() {
    return this.$route.params.key1
  }
}

但是我认为你想在它发生变化的时候做一些事情，那么你会使用watch：

watch: {
  "$route.params.key1"(value) {
    track(value)
  }
}

对于组合API（Nuxt 3或Nuxt 2 Bridge），您可以使用useRoute而不是$route，并在useAsyncData/useLazyAsyncData/等上使用watch选项。

const route = useRoute()
const { data: posts } = await useAsyncData(
  'posts',
  () => {},
  {
    watch: [route]
  }
)

在我的例子中，在Nuxt 2 Bridge上，这导致了一个无限循环（RangeError: Maximum call stack size exceeded），并通过一个解决方案解决了它：

const fetchSomething = () => {}

// This is a hack because `watch(route)` results in an infinite loop
const watchFlag = ref(true)
onMounted(() => {
  watchFlag.value = false
})

useLazyAsyncData('', () => {
  return fetchSomething()
})

watch(watchFlag, async () => {
  await fetchSomething()
})