Anterior: Evite adicionar propriedades reativas a uma instância do Vue ou seus dados $ raiz no tempo de execução - declare-o

Conteúdo do erro:

Avoid adding reactive properties to a Vue instance or its root $data at runtime - declare it upfront in the data option.

Código de erro

Por que isso está errado?

知识点
Restrito ao ES5, o Vue.js não pode detectar a adição ou exclusão de propriedades do objeto. Como o Vue.js converte a propriedade em getter / setter quando a instância é inicializada, a propriedade deve estar no objeto de dados para permitir que o Vue.js a converta para torná-la responsiva.

Neste momento precisa usar: this.$set()método,
gramática:

this.$set(this.data,”key”,value')

Vue.set( target, propertyName/index, value )

Este método recebe 3 parâmetros,
parâmetros:

• {Object | Array} target
• {string | number} propertyName/index
• {any} value