需要帮助来理解创建Vue实例的区别,这是最佳实践,以及何时使用每个选项?

我正在努力思考,这是在main.js中创建vue实例的首选和最佳实践方法。从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的文档,搜索并阅读了文章和帖子,但是没有找到明确的答案来区分哪种是最佳实践,或者何时使用它们。


函数式编程
浏览 208回答 1
1回答

慕尼黑8549860

Vue实例可以与已经存在的元素关联并对其进行操作,也可以在同一项目中拥有多个Vue实例,这是可以的,但是,您可能不想这样做。Vue组件更适合创建新元素并在任何地方重复使用。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript