进过测试

<cu-button props="{{ { text:'111' } }}">button</cu-button>

这样传是没有问题的

<cu-button props="{{ { onClick:open } }}">button</cu-button>

这样传就死活不生效

改成这样

data:{
        props:{
            onClick(){
                console.log(111)
            }
        },
        
    },

<cu-button props="{{ props }}">button</cu-button>

这样又可以生效了，请问是什么原因。怎么写可以让第二种方式生效