vue兄弟组件传值，父子组件相互传值

一、实现父组件向子组件（动态）传值

步骤1：
要在父组件中引入名为content的子组件。
父组件data中定义一个值msg(可为任意名称)，在子组件增加一个参数用来存储该值（本案例定义的msg）。
父组件代码如下图所示：

步骤2：
在子组件中定义props数组接收父组件传来的msg。
props:["msg"]
在watch中监听msg,值有变化即执行函数。
`

watch:{
    msg:{
        handler(){
            this.getList()
        }
    }
} 

`
子组件代码如下图所示：

即可实现父组件向子组件动态传值。

二、兄弟组件传值
案例为组件1传值给组件2（其中组件1和组件2是兄弟组件）

步骤1：
定义一个js文件，内容如下：

组件1代码如下图：
引入MSG,通过li点击事件赋值，具体实现如下：

步骤2：
组件2接收组件1传来的值
引入MSG,在界面内容加载完毕时获取MSG中刚存储的val，此时即获取到了组件1传来的值，具体实现如下图：