🎉

CompositionAPIにしてみた② dataの中身に気をつけて!の巻

2022/08/11に公開約600字

サクサクいきます、Nuxt使いです。

さっそくいきます。

今日の問題 dataのかきかえがむずかしい

どんなものかといいますと

〇〇.vue
data() {
    return {
      XX: [
        { text: "A", to: "/" },
        { text: " B", to: "/〇〇" }
      ]
    };
  }

これを書き換えるのに、

〇〇.vue
const state = reactive({
      XX: [
        { text: "A", to: "/" },
        { text: " B", to: "/〇〇" }
      ]
});
return{
	...toRefs(state),
  }

って書いてました。でもエラーにある(とくにふたつめのtext:"B"のやつ)

で、困って、調べたけどなかなか出ませんでした。

答え

いろいろぐちゃぐちゃ書き換えて(数時間)、波線の出ない答えを見つけました!!!

〇〇.vue
const XX = ref([
        { text: "A", to: "/" },
        { text: " B", to: "/○○" }
  ])
   

以上、これだけ。どう書き換えたか、そのプロセスは覚えてないけど、みなさんはこの結論をおおいに活用していただきたいです。

Discussion

ログインするとコメントできます