Vue中watch路由变化导致多次执行的原因及解决方案是什么？

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

本人前端菜鸟，致力于不断精进生产管理后台的bug，以此自勉。近期接到一个需求，网上搜索了许多案例，但都没有从本质上解决问题。以下记录我自己的解决过程。

本人前端菜鸟一名，一直致力于不间断的生产管理后台的bug，并以此自勉自励。近几天接到一个需求，网上也搜了很多例子，但是没有从根本上解决。在这里记录一下我自己的解决的过程，这也是第一次在掘金发言，求轻虐。

需求描述：

有A、B两个页面，需要将A页面的orderId用路由传参的方式传入到B页面执行数据关联查询，然后显示在B页面

需求解析：

如果是你，你拿到这个需求，应该很容易想到在B页面对路由变化做watch，然后获取参数执行查询数据的方法完事。