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 定义 v-model的双向数据绑定实现原理（附：案例和项目实例）_三月.暖阳的博客-CSDN博客
三、$on传递方式，跟props方式一样
标签：Search,props,通信,click,父与子,组件,emit From： https://www.cnblogs.com/hxiaoman/p/17391587.html