vue.js - 我怎么能在组合 api 中观看 Prop ？

Question

更新 Prop 时如何调用函数？
父容器:

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

子容器:

    export default{

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

此代码出现错误:无效的监视源...
我怎样才能收听 Prop 的更新？
希望有人能帮帮我!! :-)

Answer 1

尝试从函数返回 prop 作为第一个参数:

    export default{

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

而不是 watch(props.type, do watch(()=>props.type, 因为 ()=>props.type 是一个返回 prop 的箭头函数，它是 watcher 属性的参数