vue--页面初始化数据怎样能及时更新到子组件

场景：点击图1--查询页的 查询结果中 “前往处理”按钮，到达图2--基本信息，

绿框是根据图1--查询结果中点击的那条数据带过来的 "保单号"，"报案号"，"立案号"，

那除了绿框的数据，则是 初始化时，给后端传相对应的参数，后端返回的数据展示到页面，

那么，项目中 像基本信息这个模块肯定是多出复用的大多是个公共组件，那我们怎样才能在页面初始化后端返回数据时及时的传给子组件并展示呢？

一。点击查询页-查询结果某条数据中 “前往处理” 按钮，跳转到详情页并把其中的“保单号”，“报案号”，“立案号”传过去展示到详情页

     1.查询页----查看和前往处理用的时同一个方法  

      2.查询页----state是我判断的状态，重点传参是红框里的

        3.详情页----接查询页传过来的数据，组织初始化接口入参，在created中调用该方法。

 

因为地址栏里只能传递字符串，而我们要传的是个对象，所以要用JSON包一下。

        4.详情页----接口反参绑定变量

         5.详情页----调用子组件基本信息-给子组件传刚从接口接的数据

         6.子组件基本信息----用props属性接数据

 因为是传的对象，属于复杂的数据结构 所以用深层监听 deep 

        7.子组件基本信息----一定要写每个值，不然双向绑定处会有问题

 详情页用一个空对象去接数据就行 传给子组件就好了