父传子

props：

1.父组件中注册子组件

2.子组件在props中创建一个属性，用以接收父组件传过来的值

3.父组件在子组件标签中添加子组件props中创建的属性。把需要传给子组件的值赋给该属性

子传父

$emit:

1.子组件中需触发一个自定义事件

2.$emit的第一个参数是父组件上的自定义事件名，第二个参数是需要传的数据

3.父组件定义方法接收

父组件

子组件

.sync

1.上面的例子中，我们把子组件中childFn换个名字update:message

2.父组件对应也要换

3.直接用箭头函数简化代码了

4. :message.sync="message"其实就是@update:message.sync="payload=>message=payload"的简写，就是一个语法糖

.

Vue相关知识点
1、vue父子组件之间的通信在vue组件通信中其中最常见通信方式就是父子组件之中的通性，而父子组件的设定方式在不...
Vue如何实现组件通信？
Vue组件通信的三种情况：父子通信爷孙通信兄弟通信父子通信：父组件使用Prop向子组件传递数据，子组件通过...
vue组件间通信的一些实用方法（VUE2.x）
vue组件间通信的一些实用方法（VUE2.x）一、父子组件间通信常用的父子组件通信方法，一般涉及props和$...
vue2中eventbus遇到的坑
前言 vue组件非常常见的有父子组件通信，兄弟组件通信。而父子组件通信就很简单，父组件会通过 props 向下传数...
Vue事件总线（EventBus）使用详细介绍
前言 vue组件非常常见的有父子组件通信，兄弟组件通信。而父子组件通信就很简单，父组件会通过 props 向下传数...
Vue事件总线（EventBus）
vue组件非常常见的有父子组件通信，兄弟组件通信。而父子组件通信就很简单，父组件会通过props向下传数据给子组件...
VUE - EventBus
vue组件非常常见的有父子组件通信，兄弟组件通信。而父子组件通信就很简单，父组件会通过 props 向下传数据给子...
VUE组件（传值，生命周期）
VUE生命周期 VUE子传父组件通信 VUE非父子组件传值
09-生命周期及非父子组件间的通信
一. Vue生命周期二、生命周期代码三、非父子组件通信 vue中非父子组件通信需要借助一个空的vue实例，案...
Vue组件通信
Vue 组件之间的通信，通常我们遇到的都是父子组件之间的通信一、父子组件传参子组件定义 Props 属性；父...