vue父子组件传值

父组件向子组件传值：

父组件：

<xxx   ：spaceId=" spaceId "    xxx>     ————父组件向子组件传递spaceId

子组件接收：

props：[ ' spaceId ' ]                  ————通过props接收

 

可以打印看一下：

create（）{

　　console.log( 'spaceId ' ，this.spaceId )

==========================================================================

子组件向父组件传值：

子组件：

filterData是父组件中的方法名

methods: {
　　xxx方法:{
     　　 let newData = {
       　　 name:xxx,
        　　grade:xxx,
      　　}
     　　 this.$emit('filterData',newData)
　　}　　
}

 

父组件：

<xxx  @filterData = "getFilterData"  xxx> 

 

methods: {

　　getFilterData(data) {

　　　　console.log(data)；

　　　}

}