[解決済み] Vue 2.0でコンポーネント自身を削除する方法

質問

タイトル通り、どうすればいいのか

公式ドキュメントによると、$delete は引数 'object' と 'key' を使用することができるとだけ書かれています。

しかし、私はこのように単体でコンポーネントを削除したいのです。

this.$delete(this)

解決方法は？

いいえ、コンポーネントを直接削除することはできません。親コンポーネントは v-if を使用して、子コンポーネントを DOM から削除します。

参照 https://vuejs.org/v2/api/#v-if

docsから引用しています。

式の値の真偽に基づき、要素を条件付きでレンダリングする。要素とそれに含まれるディレクティブ/コンポーネントは、トグル時に破棄され、再構築されます。

子コンポーネントが親のデータオブジェクトの一部として作成された場合、親にイベントを送信する必要があります。 $emit で、データを修正（または削除）すれば、子コンポーネントはそれだけで消えてしまいます。この件に関しては、最近も質問がありました。 Vueの子コンポーネントを削除する