vue父子组件数据双向绑定

1，父组件

<certificate-input :p_model.sync='pname'></certificate-input>

将父组件的值pname传入到子组件certificate-input中的p_model中，以上代码渲染成：

<certificate-input  :p_model="pname" @update:p_model="val => pname= val"></certificate-input>

2，子组件

export default{
        data(){
            return{
                name:this.p_model,
            }
        },
        watch:{
            name(val){
                this.$emit('update:p_model', val)
            },
        }
    }

在子组件中使用name接受父组件传过来的值p_model，并在watch中监听name的变化，当name发生改变时使用$emit方法将name的值更新p_model中，通过@update:p_model="val => pname= val"更新到父组件的pname