Как гарантировано добавить к реактивному объекту новое свойство, чтобы оно тоже было реактивным

В Vue 2 используй Vue.set() или this.$set() для добавления реактивного свойства к уже существующему объекту. В Vue 3 реактивность работает на основе Proxy, поэтому можно просто добавлять свойства через обычное присваивание.

Пример для Vue 2:

Vue.set(this.someObject, 'newProperty', 'value');
// или
this.$set(this.someObject, 'newProperty', 'value');

Пример для Vue 3 (просто добавляем свойство):

this.someObject.newProperty = 'value'; // уже реактивно

Важно: в Vue 2 если объект был создан нереактивно (например, через Object.create(null)), то Vue.set не поможет - нужно изначально создавать объект внутри data().