sync 修饰符

子组件

<template>

  <div>

    <div @click="updateEvent">{{innertext}}</div>   

  </div>

</template>

<script>

    export default{

        name:'hello',

        props:{

          innertext:String 

        },

        methods:{

            updateEvent(){

                this.$emit("update:innertext",'789')

            }

    }

    }

</script>

父组件

<template>

  <div id="app">

    <hello :innertext.sync="content"></hello>

  </div>

</template>

<script>

    import hello from "@/components/hello";

    export default{

        components:{

            hello

        },

        data(){

            return{

                content:'123'

            }

        },

        methods:{

        }

    }

</script>

点击促发后content数据会变成子组件传的值