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 и в нем что то будет дальше, не могу понять, объясните пожалуйста.