javascript - 需要帮助了解创建 Vue 实例的区别，这是最佳实践，以及何时使用每个选项？

Question

我正在努力思考在 main.js 中创建 vue 实例的首选和最佳实践方法。从 cli 创建一个新项目，它会这样创建实例:

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

但是，在此处的文档中:https://v2.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 instances在同一个项目中，没关系，但是，您可能不想这样做。

Vue 组件更适合创建一个新元素并在任何地方重用它。