vue3 setup 对js暴露数据

在 Vue 3 中，可以在 `setup` 函数中创建响应式数据，并通过 `return` 语句将其暴露给外部使用。具体地说，有以下两种方式：

1. 通过 `ref` 创建响应式数据，并将其暴露给外部使用。例如：

   import { defineComponent, ref } from 'vue';
   
   export default defineComponent({
     setup() {
       const count = ref(0);
   
       const increment = () => {
         count.value++;
       };
   
       return {
         count,
         increment
       };
     }
   });

2. 通过 `reactive` 创建响应式对象，并将其暴露给外部使用。例如：

   import { defineComponent, reactive } from 'vue';
   
   export default defineComponent({
     setup() {
       const state = reactive({
         count: 0,
         message: 'Hello'
       });
   
       const increment = () => {
         state.count++;
       };
   
       return {
         state,
         increment
       };
     }
   });

在上面的示例中，都是将响应式数据和方法通过 `return` 语句暴露给外部使用，父组件可以通过组件的 `ref` 获取子组件实例，并访问其中暴露出来的响应式数据和方法。