vue - 父子组件(.sync v-model )同步通信、双向绑定

前言

    父子组件通信，都是单项的，很多时候需要双向通信。方法如下：

1. 通过.sync修饰符
2. 通过v-model指令

1、.sync修饰符

    实例：
        父组件
        :msg.sync="fatherValue"

    子组件
        this.$emit('update:msg', this.childValueChange())

2、v-model指令

    父组件
        v-model="fatherValue"

    子组件方式一：默认input事件类型

    子组件方式二：自定义事件类型

    子组件方式三：子组件自定义data值