Vue路由变化时watch方法多次执行的原因及解法是什么？

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

本人前端菜鸟一名，一直致力于不懈地管理生产后端的bug，并以此自勉。近几天接到一个需求，网上也搜到了很多例子，但都没有从根本上解决问题。以下记录一下我自己的解决过程。

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

需求描述：

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

需求解析：

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