我怎么能在 composition api 中观看道具？

Question

如何在 prop 更新时调用函数？

父容器：

<div>     
  <Maintable :type="typeRef" :country="countryRef" />
</div>

子容器：

    export default{

    props: ['type'],
    
    setup(props)
    {   
        watch(props.type, () => {
            console.log('hello')
        })
    }

此代码出现错误：无效的监视源... 如何收听道具的更新？

希望有人能帮帮我！！ :-)

Answer 1

尝试从函数返回道具作为第一个参数：

    export default{

    props: ['type'],
    
    setup(props)
    {   
        watch(()=>props.type, (newVal) => {
            console.log('hello')
        })
    }

代替watch(props.type，做watch(()=>props.type，因为()=>props.type是返回prop的箭头函数，是watcher属性的参数