vue3 setup踩坑

vue3 setup踩坑

1.setup定义变量使用要ref()，要进行引用

import {ref} from 'vue'

注意ref放在{}里，否则会报错没有兼容的调用签名

2.变量的赋值要使用.value

 let bedId = ref(1)
 function selectBed(id) {
            bedId.value= id
        }

3.setup的值渲染到vue上不生效，仔细检查过发现定义的bedId的值没有传给vue的原因是没有return bedId

setup() {
        
        let bedId = ref(1)
       
        function selectBed(id) {
            
            bedId.value= id
        
        }

        return {
         bedId ,selectBed,
        }
    }