vue3 子组件监听父组件的数据vue3 子组件监听父组件的数据父组件传值给子组件，子组件监听父组件传来的值的变化 #

父组件

//searchKeyword 搜索的值
<van-search v-model="searchKeyword" show-action autofocus shape="round" background="#FFFFFF00"
                    :placeholder="hotWord" class="c--searchBar" @search="handleSearch" />
 //子组件
  <goodsArtList :queryKeyWord="searchKeyword"></goodsArtList>

子组件

const props = defineProps({
        queryKeyWord: {
            type: String,
            default: ''
        }
    })
watch(()=>props.queryKeyWord,(newValue,oldValue)=>{
    propNewValue.value = newValue
    console.log("新值是"+propNewValue.value,);
})