Хобрук: Ваш путь к мастерству в программировании

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

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

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

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

что я ожидал:

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>


  • Вы хотите динамически добавить новое свойство данных и обновить шаблон для использования этого свойства. Хотя первое возможно, я не верю во второе. 13.04.2020
  • @tony19 да, я хочу это. dynamically add a new data prop and update the template to use that prop и работать над добавлением после нового объекта Vue 13.04.2020

Ответы:


1

Это невозможно сделать.

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

Из документов:

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

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

13.04.2020
Новые материалы

Не зря же это называют интеллектом
Стек — C#, Oracle Опыт — 4 года Работа — Разведывательный корпус Мне пора служить Может быть, я немного приукрашиваю себя, но там, где я живу, есть обязательная военная служба на 3..

LeetCode Проблема 41. Первый пропущенный положительный результат
LeetCode Проблема 41. Первый пропущенный положительный результат Учитывая несортированный массив целых чисел, найдите наименьшее пропущенное положительное целое число. Пример 1: Input:..

Расистский и сексистский робот, обученный в Интернете
Его ИИ основан на предвзятых данных, которые создают предрассудки. Он словно переходит из одного эпизода в другой из серии Черное зеркало , а вместо этого представляет собой хронику..

Управление состоянием в микрофронтендах
Стратегии бесперебойного сотрудничества Микро-фронтенды — это быстро растущая тенденция в сфере фронтенда, гарантирующая, что удовольствие не ограничивается исключительно бэкэнд-системами..

Декларативное и функциональное программирование в стиле LINQ с использованием JavaScript с использованием каррирования и генератора ...
LINQ - одна из лучших функций C #, которая обеспечивает элегантный способ написания кода декларативного и функционального стиля, который легко читать и понимать. Благодаря таким функциям ES6,..

Структуры данных в C ++ - Часть 1
Реализация общих структур данных в C ++ C ++ - это расширение языка программирования C, которое поддерживает создание классов, поэтому оно известно как C с классами . Он используется для..

Как я опубликовал свое первое приложение в App Store в 13 лет
Как все началось Все началось три года назад летом после моего четвертого класса в начальной школе. Для меня, четвертого класса, лето кажется бесконечным, пока оно не закончится, и мой отец..