vue3使用ref 怎么添加innerText不会报类型错误

在 Vue3 中，ref 用于声明响应式的数据，它返回一个对象，其中有一个 value 属性可以访问到该数据的值。如果要给某个元素添加 innerText，可以通过 ref 获取到该元素的引用，再使用.value 来设置 innerText。

例如，假设要给一个 div 元素添加 innerText，可以在组件中这样声明 ref：

<template>
  <div ref="myDiv">Hello world</div>
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const myDiv = ref(null);

    // 在 onMounted 钩子函数中获取该元素的引用
    onMounted(() => {
      myDiv.value.innerText = 'Hello Vue3';
    });

    return {
      myDiv
    }
  }
}
</script>

在上面的代码中，通过 ref 声明了一个名为 myDiv 的响应式数据，并在 onMounted 钩子函数中获取到了该元素的引用，然后可以通过 myDiv.value 来设置 innerText。需要注意的是，ref 返回的是一个对象，因此要通过 .value 属性来访问该数据的值。