route 与 router 之间的差别

AC-PEACE2025-02-10 20:52

简述：

router：主要用于处理一些动作，

route：主要获得或处理一些数据，比如地址、参数等

例：

videoInfo1.vue：

javascript 复制代码

<template>
  <div class="video-info">
    <h3>二级组件：点赞情况分析</h3>
  </div>
</template>

<script>
export default {
  name: 'video-Info1',
  created () {
    setTimeout(() => {
      // 这里router进行路由跳转
      this.$router.push({ name: 'video-info2', query: { somedata: 'info1传递来的信息' } })
    }, 3000)
  }
}
</script>

<style>

</style>

videoInfo2.vue：

javascript 复制代码

<template>
  <div class="video-info">
    <h3>二级组件：互动情况分析</h3>
  </div>
</template>

<script>
export default {
  name: 'video-info2',
  mounted () {
    console.log(this.$route.query)
    // 这里route进行数据获取
  }
}
</script>

<style>

</style>

用户主动点info2，输出为空；

从 info1 跳转到 info2 后，info2 输出从 info1 传递过来的数据：