🍣

Vue v3のcomposition APIのsetupでpropsをdestructしてはいけない

2020/09/18に公開

はい、タイトルそのままです。

setup(props: { item: Item }) {
  const hello = computed(() => `Hello, ` + props.item.name);

これを下のように書いてしまうとitemはreactiveでなくなるため期待通りの挙動をしません。

setup({ item }: { item: Item }) {
  const name = computed(() => `Hello, ` + item.name);

GitHubのissueだとこの辺で同じこと聞いてる人いますね。
https://github.com/vuejs/composition-api/issues/264

Discussion