Vue3 のリアクティブ関数 toRef 関数 ref 関数の紹介

定数状態 = リアクティブ({
    パラメータ名: パラメータ値})

定数状態 = リアクティブ({
    番号:0
})
const num=toRef(state（レスポンシブデータ）,'num属性名')
番号:{
    値:0
}
Ref は実際にはデータ型として理解できます: {value: value}

{
    値:値}

'vue' から {ref} をインポートします
設定（）{
const num = ref({a:1,b:2}) を定義します。  
    番号:{
       値:{a:1,b:2}
    }
}

<テンプレート>
  <div ref="target">123</div>
</テンプレート>
スクリプト
'vue' から {ref} をインポートします
設定（）{
   定数ターゲット = ref(null)   
   {ターゲット}を返す 
   target.valueは対応するDOMである   
}

<テンプレート>
  <コンポーネントタグref="target">123</コンポーネントタグ>
</テンプレート>
スクリプト
'vue' から {ref} をインポートします
設定（）{
   定数ターゲット = ref(null)   
   {ターゲット}を返す 
   target.valueはコンポーネントインスタンスオブジェクトです}