vue 父子組件數據雙向綁定

父組件

<find-search v-model="searchshow"></find-search>

子組件

props: {
   value: {
      type: Boolean,
      default: false
   }
},
methods: {
   back() {
       this.$emit('input', false);
   }
}

tips:

用v-model綁定數據, 子組件props一定用value, 然后子組件向父組件傳遞數據, $emit觸發Input事件, 即可將數據賦值給父組件的變量

這樣就不需要在父組件中自定義事件來改變父組件的值, 我最初也想了很久, 這樣的寫法為什么不需要自定義事件, 后面想到是v-model的語法糖, 默認監聽input事件