VUE--公共组件传值并及时监听到数据更新视图

场景：AB两个子组件在 父页面中，（我们险别估损信息为A，立案信息为B）

  B组件的某个值是和A组件中一样的且A组件值变化B即使监听并渲染.例如：下图总额A组件要把金额传给  B组件的估损金额框，A金额变B也变

       金额已经绑定在A组件中

用兄弟传值 把A组件的金额传到B组件的估损金额

1.兄弟组件的语法是。先建一个bus.js文件

import Vue from 'vue'

export default new Vue()

2.在A组件中引入bus.JS

 3.把本地的 金额 值传给B组件，我这里是下拉框值变化的时候会触发。

 

 4.为了初始化页面时就及时更新，在created在调用这个方法

 5.B组件引入bus.js文件，并在页面初始化时候接受A组件传给的金额值。（我这里用本地的price值去接受传过来的）

 

 6.这时已经接到A组件传过来的值了，在监听这个值如果有变化及时把最新的值赋给本地变量