エラー内容:
Avoid adding reactive properties to a Vue instance or its root $data at runtime - declare it upfront in the data option.
エラーコード
なぜそれが間違っているのですか?
知识点
ES5によって制限されているVue.jsは、オブジェクトプロパティの追加または削除を検出できません。Vue.jsはインスタンスが初期化されるときにプロパティをゲッター/セッターに変換するため、Vue.jsがプロパティを変換して応答可能にするためには、プロパティがデータオブジェクト上にある必要があります。
この時点で使用する必要があります:this.$set()
メソッド、
文法:
this.$set(this.data,”key”,value')
Vue.set( target, propertyName/index, value )
このメソッドは3つのパラメーター、
パラメーターを受け取ります。
{Object | Array} target
{string | number} propertyName/index
{any} value