Vue 3: コンポーネント関数のセット変数を取得および変更する方法

Question

Vue 3 の合成 API を使用した次の簡単な例を考えてみましょう。コンポーネントの関数で test のインスタンスを使用したいと考えています。

<script>
import {defineComponent, ref, onMounted } from 'vue'

デフォルトのエクスポートdefineComponent({
  名前: 'テスト'、
  設定（）{
    let test = ref()
    
    onMounted(() => {
      doSomething()
    })

    戻る{
      テスト、
      何かをする
    }
  }
})

関数 doSomething(){
  console.log(test) //<-- 未定義
  console.log(this.test) //<-- 未定義
}
</script>

doSomething() 内で test にアクセスするにはどうすればよいですか?私の理解では、setup() によって返されるものは、オプション API の data() 属性と同様に、コンポーネント全体で利用できる必要があると考えています。

Answer 1

ref をパラメータとして渡す必要があります

リーリー

---

別の方法:

リーリー リーリー