在vuejs中，元素之间有一个父子依赖关系，从问题中还不清楚是否使用了视图，但是我假设是这样的，因为这是最佳实践。

• router.push对应于history manipulation：因此，如果您从parentmain-view执行此操作，它将工作，并自动通知子视图重新呈现（因为更改本身）
• 但是如果您在页面的更深处进行计算，在child中，并且想要更新整个页面，则必须使用emitcomponent event（child将值的更改通知给parent并重新呈现）

请参阅此示例以获取演示：https://learnvue.co/tutorials/vue-emit-guide
把它放在一起：在mainView中有一个update函数，希望从childView中的RouterLink调用该函数。该函数由updateParent启动-因此定义了一个发射事件prev-next-click。

<script setup>
import { RouterLink } from 'vue-router'
</script>

<script>
export default {
  emits: ['prev-next-click'],
  methods: {
    updateParent: function(c, d) {
      // on button click update from fixture
      // emit a call from subView (child) to run the update in main App (parent) 
      this.$emit("prev-next-click", c, d);
    },
    to: function (c=this.category, d=this.today) {
      return { name: 'quote', params: { category: c, day: d }}
    },
  },
  created() {
    this.updateParent(this.$route.params.category, this.$route.params.day);
  }
};
</script>

<template>
    <RouterLink class="button prev" :to="to(category,prev)" @click="updateParent(category,prev)">click</RouterLink>
</template>

mainView用RouterView（不是视图的名称！）将其粘合在一起。

<script setup>
import { RouterLink, RouterView } from 'vue-router'
</script>

<script>
export default {
  methods: {
    update: function (c, d) {
      console.log("update c", c, "d", d);
    },
  },
}
</script>

<template>
    <RouterView @prev-next-click="update"/>
</template>