<div id="demo"> <p v-class="green: validation.valid">{{message}}</p> <input v-model="message"> </div> その理由は、 Vue は再帰的にデータオブジェクトを歩き見まわることによってデータ変更を監視していることと、Object.defineProperty を使用して既存のプロパティをリアクティブな getter と setter に変換するからです。インスタンスが作成される時にプロパティが存在しない場合、 Vue はそれを追跡することができません。 しかし、データ内のすべての単一のネストされたプロパティを設定する必要はありません。空オブジェクトとしてフィールドを初期化することは OK で、そして、それ以降のネストされた構造を持つ新しいオブジェクトに設定し、Vue はこの新しいオブジェクトのネ