Задать вопрос
@KNLNT
vue

Как создавать экземпляры Vue?

HTML
<body>

  <div id="app">
    <div>{{ message }}</div>
    <div id="children">{{ msg }}</div>
  </div>

</body>


Vue
new Vue({
  el: '#app',
  data: {
    message: 'Hello!'
  }
});

new Vue({
  el: '#children',
  data: {
    msg: 'Hi!'
  }
});


Сам вопрос.
Пример выше показывает, что в HTML у меня есть РОДИТЕЛЬ - он же #app и ДИТЁ - он же #children.
Как мне каждому элементу сделать отдельные экземпляры Vue, или вообще нужно ли делать каждому элементу свой экземпляр или же нужен один экземпляр #app и в нем что то будет дальше, не могу понять, объясните пожалуйста.
  • Вопрос задан
  • 205 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
teknik2008
@teknik2008
Расскажите про GOLANG. Мне интересно
1 экземпляр на 1 страницу. 
new Vue({
  el: '#app',
  data: {
    message: 'Hello!',
    msg: 'Hi!'
  }
});

Если у вас есть множество различных структур- решайте через компоненты.
Если надо разнести соcтояние по различных частям страницы, можно сделать много экземпляров Vue и связать через Vuex
Ответ написан
8 комментариев
8 комментариев
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Vue & Capacitor Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Второй ведущий разработчик (Fullstack, PHP, Laravel, Vue, Mysql)
Donatov.net
от 100 000 до 300 000 ₽
Frontend developer (middle/senior)
//stablecode
от 210 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Нужна презентация и опросник на новую фичу для ресторанов
02 мая 2024, в 01:05
8000 руб./за проект
Поменять пароль root пользователя mysql
01 мая 2024, в 23:44
1000 руб./за проект
Модифицировать android приложение
01 мая 2024, в 23:25
2000 руб./за проект
Ещё заказы