setup 使用 Ref

setup 语法糖

• vue3 使用 setup 语法糖 进行 ref 父子组件传值的小坑 记录一下

• 就是不适用 setup 语法糖的时候

  • 定义的函数 会使用 return 返回出去
  • 那么在获取到 ref 实例的时候 默认会有这个方法

• 但是当使用语法糖的时候 要使用 defineExpose 把函数暴露出去才能使用

  • <script setup>
    import { ref } from 'vue'
    ​
    const a = 1
    const b = ref(2)
    ​
    defineExpose({
      a,
      b
    })
    </script>
    

• \