베스트 프랙티스인 Vue 인스턴스를 생성할 때의 차이와 각 옵션을 언제 사용할지 이해하는 데 도움이 필요합니까?

베스트 프랙티스인 Vue 인스턴스를 생성할 때의 차이와 각 옵션을 언제 사용할지 이해하는 데 도움이 필요합니까?

main.js에서 vue 인스턴스를 작성하기 위해 권장되는 베스트 프랙티스 방법이 무엇인지 알아보려고 합니다.CLI에서 새 프로젝트를 만들면 다음과 같은 instance가 생성됩니다.

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에 관한 문서를 읽고 기사 및 투고를 검색하여 읽었지만 어느 것이 베스트 프랙티스인지, 어느 것을 언제 사용하는지를 명확하게 알 수 없었습니다.

Vue 인스턴스는 이미 존재하는 요소와 관련지어 조작할 수 있습니다.또한 동일한 프로젝트에 여러 Vue 인스턴스를 포함할 수도 있지만 괜찮습니다.그러나 아마 그렇게 하고 싶지 않을 수도 있습니다.

Vue 구성 요소는 새 요소를 생성하고 어디서나 재사용하는 데 더 적합합니다.

언급URL : https://stackoverflow.com/questions/55851649/need-help-understanding-the-difference-in-creating-a-vue-instance-which-is-best