Vue父子组件相互动态传递参数

<Parent></Parent> 　　//父组件

<Child></Child>　　　　//子组件

父组件向子组件传递：

　　静态传递（父组件动态改变，子组件不变）：

<Parent :id='id'></Parent>　　　//在父组件绑定定义参数
然后在子组件中添加：
export default {
　　props: ['id'],　
}　

　　动态传递（父组件动态改变，子组件跟着变）：

<Parent ref="child"></Parent>    //在父组件定义ref,相当于为refs添加一个子组件名字

在子组件中定义方法，接收参数：
childMethod(item){
      this.item= item
},

然后在父组件JS中使用：
this.$refs.child.childMethod(item)    //将item参数传给子组件

　　

子组件向父组件传递：

<Parent @parentMethod="parentMethod"></Parent>     //在父组件中定义个方法

在JS中添加方法：
parentMethod(item) {
    this.item = item
}


然后在子组件JS中：
this.$emit('parentMethod','item')    //这样就将'item'字符串，传给父组件this.item了