.sync用法

84 阅读1分钟

用途:就是props的双向绑定。子组件通过自定义事件更改父组件的值的简写

父组件:
    <HelloWorld :msgs.sync="fatherMsg" ></HelloWorld>
  
子组件:

    <button @click="changeMessage">click</button>
    ......
    ......
    ......
    ```
    props: {
        msgs: String,
    },
    methods:{ 
        changeMessage(){ this.$emit('update:msgs', '修改的值')
    }
    
   // 这个过程是父组件传属性给子组件,子组件通过$emit更改值传给父组件,父组件通过自定义事件触发赋值的简单缩写的用法.sync