vue中，父组件与子组件的通信方式

VUE父子组件之间通信方式_vue父子组件通信_Johnson_9的博客-CSDN博客

一、props通信方式

在子组件里给props接收数据，父组件定义数据

 

二、$emit用法（用$emit方法，使用自定义的方法，获取到参数，父组件能获取到子组件操作，子组件向父组件传递数据）
在父组件里定义用法，比如单击搜索框事件，在控制台打印搜索内容
父： @childSearch="Search_click"

子：@click="Search_click"
在data方法里
Search_click(){
this.$emit('childSearch',this.Search_text)

//this.$emit('方法名', 参数)
}

 在父组件里放好search,在methods方法里传

 search(e){
            console.log(e)
        }
进而实现后台打印搜索内容，获取内容是v-model 定义

 

三、$on传递方式，跟props方式一样