Fri Jun 2 08:08:00 UTC 2023 inscode

src/App.vue

@@ -18,3 +18,26 @@ let name = '小明'
 
 <style scoped>
 </style>
+import { reactive, toRefs } from 'vue'
+
+function myFunction() {
+  const state = reactive({
+    foo: 'bar'
+  })
+
+  function updateFoo(newFoo) {
+    state.foo = newFoo
+  }
+
+  return {
+    ...toRefs(state),
+    updateFoo
+  }
+}
+
+// 在函数外部使用
+const { foo, updateFoo } = myFunction()
+console.log(foo.value) // 输出：'bar'
+
+updateFoo('new value')
+console.log(foo.value) // 输出：'new value'