Vue Composition APIにおけるthis.$refとthis.$set、this.$nextTickの書き換え方法が分かりません

Question

Vue Composition APIの実装をしてまして
vue2 にてvue/composition-apiを取得し、

npm install @vue/composition-api

Optin APIからComposition APIへの書き換えを行っています。

今までので利用していた
this.$ref
this.$set
this.$nextTick

この3つの書き換えが分かりません。

this.$refの書き換えですが、以下の通りやってみましたが、上手くいってません。

import {defineComponent, ref, reactive, computed, inject, onMounted, onBeforeUnmount } from "@vue/composition-api";
import router from '@/router'


export default defineComponent({

setup(props, context) {

    //this.$refの書き換え？
    const root = ref(null);
　　//入力情報をクリアする関数を呼ぶ
    root.userid.clearInputValue();

this.$set
this.$nextTick
ですが、

setup(_, { root }) {
  root.$nextTick(() => console.log('hi'));
}

という記載を見つけましたが、上手く参照できませんでした。

宜しくお願い致します。

追記
this.$set

this.$set(targetData["mainData"], "auth_id", 1);
targetData["mainData"].auth_id = 1);
     

this.$nextTick

//Composition API
import { nextTick } from "@vue/composition-api";
     

this.$refは引き続きわかってません

Answer 1

let aaa = ref(null);
であってました