如果想渲染插槽传过来的数据，也想将方法进行传递，setup的return应该怎么写

来源：6-5 toRef 以及 context 参数（2）

希望林柚一健康快乐成长

2022-01-11

<script>
    const app = Vue.createApp({
        template:`
            <child @change="handleChange">parent</child>
        `,
        methods:{
            handleChange(){
                alert(123)
            }
        }
    })
    app.component('child',{
        template:`<button @click="handleClick">弹框</button>`,
        setup(props,context){
            function handleClick(){
                emit('change')
            }
            // 使用vue的虚拟dom来渲染页面效果
            const { h }  = Vue
            const {attrs ,slots,emit} = context
            console.log(props,context,'setup 参数')
            // return ()=> h('div',{},slots.default())
            return {
                handleClick
            }
        }
    })
    const vm = app.mount('#root')
</script>

写回答

1回答