defineExpose reactive toRefs

`defineExpose`和`reactive`是Vue.js中的两个核心概念，它们都是用于管理组件状态的工具。

1. **defineExpose**: 这是Vue 3中的一个选项，当在组件中使用自定义组件或方法时，你可以使用`defineExpose`来公开这些组件或方法供父组件或者其他组件访问。这个选项允许你控制哪些部分对外暴露，以避免命名冲突或不必要的全局污染。例如：

   defineComponent({
     setup(props, { emit }) {
       const myCustomMethod = () => {
         // ...
       };
       defineExpose({ myCustomMethod });
       return { ... };
     }
   });

2. **reactive**: `reactive`是Vue提供的响应式系统的核心功能之一，它将JavaScript对象转换为“响应式”数据，使其能够自动监听自身的更改并触发视图更新。当你对一个包含复杂数据结构的对象使用`reactive`，Vue会自动将这个对象及其所有可追踪的属性转化为响应式，比如对象、数组、函数等。例如：

   const state = reactive({
     name: 'John',
     age: 30,
     hobbies: ['coding', 'gaming']
   });

当`state`中的任何一个属性改变时，Vue会自动更新视图。

**相关问题：**
1. 如何在Vue组件间传递数据时使用`defineExpose`？
2. 响应式数据在Vue中的应用场景有哪些？
3. 有没有其他方式在Vue中创建可变但不触发视图更新的对象？