vue3+ts解决钩子函数里面传过来的值，外面拿不到的问题

今天在公司写项目，我先学会了传值问题，就是如何从一个页面传到另一个页面值，

（1）要传过去的页面的值

（2）接受值的页面

然后我在接受值的页面log了一下我传过来的值，没有任何问题，我就想在函数外面调用一下这个值，但是！在外面就没有值了！我一开始怀疑是作用域的问题，我改了又改，又声明局部变量，又声明全局变量，好多操作都用了，但是都没用！

最后发现：onMounted()方法是异步方法，我执行log的时候onMounted方法还没有执行呢！
发现错误了，然后就解决问题，查了一下，最好用的方法就是，用watch监听一下order值的变化这样就可以onMounted()方法先执行，然后拿到order的值！

温馨提示：将值放入缓存中也可以解决这个问题