Vue.jsの「Avoid mutating a prop directly since ...」の警告文がなぜ発生するのかを解説する はじめに この記事ではVue.jsで開発をしている最中「[Vue warn]: Avoid mutating a prop directly since …(以下略)」という警告文に遭遇して「どうやったらこの警告文を修正できるのか?」「なぜこの警告文が発生するのか?」などに悩んでいる人に向けて記事を書いていこうと思っております。 「Avoid mutating a prop directly since … 」の警告文が表示される状況 今回の記事で扱う「[Vue warn]: Avoid mutating a prop directly since …(以下略)」の警告文は親コンポーネントからpropsで受け取ったプロパティを子コンポーネントで更新したとき