简述:
router:主要用于处理一些动作,
route:主要获得或处理一些数据,比如地址、参数等
例:
videoInfo1.vue:
<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:
<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 传递过来的数据: