院卒新人サラリーマンのメモ代わり

備忘としてのメモを記載

カスタムコンポーネントでv-model

//親
<MyComp v-model="data"/>
//子
props:['value'],
data:{
  return{ 
    data: this.value
   }
}
watch:{
  data(val){
    this.$emit('input',val)
  }

v-model使うと名前がvalueになっちゃうからdataでローカル変数にする。
watchで変更があるたびに親に渡す。
これでカスタムコンポーネントが1つのinputフォームみたいに扱える