使用ant design vue的vue3项目页面直接传值及接收

这两天在实现公司项目需求的时候一直碰到页面之间传递相关值并且接收的问题，防止后续继续遇到在这边记录一下，

（1）首先在父页面中定义一个动态用于传递值的

（2）然后在子页面中定义一个props用于接收，如下所示：

 

注意：在这样子的状态下的接收值是不需要加上reactive（{}）这样子的格式的，不然接收不到值。

然后在setup（）之前引入，并且也要在setup（）中引入定义好接收值的。

 

 这样子便可以准确接收到另一个页面传递过来的值了。