（1）子组件给父组件传值

子组件

（1.1）子组件Child.vue，在button按钮上通过点击passToparent事件，在子传父的this.$emit方法上自定义事件名，以及需要传递的值（可以是数组、对象、字符串）。

父组件

（1.2）父组件parent.vue，在通过import引入子组件的Child.vue上，通过component去注册子组件，并在template上引用子组件的标签，通过@子组件自定义事件名msgOfChild，去接收值并映射在父组件上。

（2）父组件给子组件传值

（2.1）父组件

父组件通过引入并注册子组件，通过子组件标签名child绑定的属性，传递给子组件，子组件通过props方法，接收对应变量名，规定好接收的数据类型，如type: string、array、obj等, 子组件的props 中的数据都是只读的，无法重新赋值

标签：vue,自定义,通过,父子,组件,给子,传值
来源： https://blog.csdn.net/weixin_47981445/article/details/123594389