Vue3父组件传值给子组件, 子组监听传值

父组件从网络获取到数据后将数据通过props的方式传递给子组件，子组件如何监测更新并做进一步逻辑？
有两个方法可以使用，watch 或watchEffect

watchEffect(() => {
    console.log(`text is: ` + props.text)
})
watch(
    () => props.text,
    (val, prevVal) => {
        console.log(`text is: ` + val)
    }
)