Vue的路由,组件通讯、传值的多种方式,主要内容包括基础应用、实用技巧、原理机制等。
原文地址:vue通信、传值的多种方式(详细)_飞歌Fly的博客-CSDN博客_vue传值https://blog.csdn.net/qq_35430000/article/details/79291287、vue中子组件触发父组件的方法 - caik13 - 博客园https://www.cnblogs.com/caik13/p/6896890.html、vue.js 父组件如何触发子组件中的方法 - 墨飞_Max - 博客园https://www.cnblogs.com/mophy/p/8590291.htmlht
1、经过路由带参数进行传值
①两个组件 A和B,A组件经过query把orderId传递给B组件(触发事件能够是点击事件、钩子函数等)
this.$router.push({ path: '/conponentsB', query: { orderId: 123 } }) // 跳转到B
②在B组件中获取A组件传递过来的参数
this.$route.qu