Sync Modifier

.sync Modifier
.sync 수식어
.sync 수식어를 사용하여 컴포넌트 데이터 전달

// 자식 요소에서 이벤트를 emit
<template>
  <div>
    {{ title }}
    <button @click="update">Update</button>
  </div>
</template>
<script>
export default {
  props: [ 'title' ],
  methods: {
    update: function() {
      this.$emit('update:title', newTitle);
    }
  }
}
</script>

// 부모 요소에서 이벤트를 감지
<template>
  <div>
    {{ title }}
    <child-component :title.sync="title" />
  </div>
</template>
<script>
export default {
  data: {
    return function() {
      title: '제목'
    }
  }
}
</script>

＋ .sync 를 사용할때는 자식 컴포넌트는 value prop이 필요하지 않다.
대신 부모와 동일한 prop 이름을 사용하면 된다.
( 출처: vue - prop.sync 와 update:prop )