03toRefs的解构

# toRefs 的解构

<template>
  <div>{{ msg1 }}</div>
  <div>{{ msg2 }}</div>
  <div>{{ msg3 }}</div>
</template>

<script>
import { reactive, toRefs } from "vue";

export default {
  setup() {
    const result = reactive({
      msg1: "hi world 1",
      msg2: "hi world 2",
      msg3: "hi world 3",
    });

    return {
      ...toRefs(result),
    };
  },
};
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

编辑

上次更新: 2023/08/06, 00:38:41

← 02ref和reactive 04组件之间的传递数据→