如何使用$router.push在Vue组件间传递值？

本文共计1344个文字，预计阅读时间需要6分钟。

两组件间传递值，可能包含多种情况，有父子组件和兄弟组件之分。对于父子组件，网上有详细的讲解方法。而兄弟组件传值，常用bus总线，也有其他方法，如使用路由跳转等。

两组件间传值，可能包含多种情况，有父子组件和非父子组件，对于父子组件网上有很详细的方法讲解，但非父子组件传值有用bus总线，还有一些其他方法，其中的使用路由跳转的方法讲解太过简洁，难以理解。因为是公司项目，采用的是公司封装的UI框架，但基本上还是采用vue框架，ts编写。所以一些样式结构可能没有参考价值，但我会讲解清楚每一部分作用，主要是路由跳转部分的代码实现。

首先，需求如下图，树状列表每一项有一个编辑按钮，点击按钮之后跳转到另一个路由页面，会将树状列表中每一项数据带过来。