Как установить vue -данные после нового vue и работать для привязки данных

Question

Например:
Мне нужно добавить значение данных после нового vue и работать для привязки данных.

Почему мне нужно это сделать:

Я знаю it's work if i declare first on new Vue object.
Но есть старый проект с большим количеством страниц-макетов-тем, если мне нужно добавить vue глобальную переменную, тогда мне нужно отредактировать vue значение-значение каждой страницы.

что я ожидал:

var app = new Vue({
  el: '#app',
  data: {}
})
app.$data.message = "test"

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
  <h1>{{ message }}</h1>
</div>

Answer 1

Это невозможно.

Vue запускает внутреннюю настройку первоначально объявленных свойств данных, что не произойдет, если вы попытаетесь объявить их позже.

С Документы :

Vue не позволяет динамически добавлять новые реактивные свойства root уровня к уже созданному экземпляру.

Вы можете добавить новые объекты / массивы, использующие Vue.set, если это вам поможет.