vue3获取原始数据

在Vue 3中，要获取原始数据，可以使用`$refs`来引用组件或DOM元素，并通过访问其内部数据属性来获取原始数据。

首先，在Vue实例中定义一个 `ref` 属性来引用要获取原始数据的组件或DOM元素。例如，我们定义一个`ref`属性名为`myComponent`来引用一个组件或DOM元素。在Vue 3中，我们可以使用新的 `ref` 函数来创建一个引用，如下所示：

import { ref } from 'vue';

const myComponent = ref(null);

export default {
  setup() {
    return { myComponent };
  },
};

然后，在模板中，我们可以通过在组件或DOM元素上添加`ref`指令来将该属性与实际的组件或DOM元素进行绑定。例如，我们将指令绑定到一个组件上：

<template>
  <my-component ref="myComponent"></my-component>
</template>

现在，我们就可以通过访问`myComponent`的`value`属性来获取原始数据了。在Vue 3中，我们可以使用`value`属性来访问引用的实际值。例如，我们可以通过`myComponent.value`来获取组件的原始数据：

const originalData = myComponent.value.data;

同样地，我们也可以通过访问DOM元素的原始属性来获取原始数据。例如，我们可以通过`myComponent.value.textContent`来获取DOM元素的文本内容。

总结而言，在Vue 3中，我们可以使用`$refs`来获取原始数据，通过创建和引用`ref`属性，然后通过访问`value`属性来获取组件或DOM元素的原始数据。