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

Question

Я пытаюсь обернуть голову вокруг, который является предпочтительным и лучшим методом для создания вашего экземпляра vue в вашем main.js.Создавая новый проект из cli, он создает объект следующим образом:

new Vue({
  render: h => h(App)
}).$mount("#app");

Однако в документации здесь: https://vuejs.org/v2/guide/instance.html

Vue изображает создание вашего экземпляра, аналогичного этому подходу.Вы можете добавить свой атрибут el, если хотите, внутри нового экземпляра или смонтировать его так, как я ниже.Результат, кажется, тот же, но я ищу то, что считается лучшим опытом среди сообщества, почему один лучше или рекомендуется по сравнению с другим, и любая другая информация будет полезна.

const vm = new Vue({
  data: data,
  components: { App },
  template: "<App/>"
});

// Mount vue
vm.$mount("#app");

Спасибовы, ребята, заранее!

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

Answer 1

Экземпляр Vue может быть связан с уже существующим элементом и манипулировать им, также вы можете иметь несколько экземпляров Vue в одном проекте, это нормально, однако, вы, вероятно, не хотите этого делать.

Компонент Vue больше подходит для создания нового элемента и его повторного использования в любом месте.