javascript - Vue這兩種實例化方式有說明差異？

Question

new Vue({
    router,
    store,
}).$mount('#app')

new Vue({
  el: '#app',
  store,
  router,
  template: '<App/>',
  components: { App }
})

Vue的這兩種實例化寫法有什麼不同？
專案結構裡的main.js, App.vue, index.html這三個檔案又是一種什麼關係呢？

Answer 1

首先，這兩種寫法沒有本質上的區別，作為整個計畫的入口都沒有問題。

具體到專案結構上，main.js 是整個專案的入口（在此除導入App.vue 的UI 外，還導入router / vuex / axios 等輔助庫與插件），App.vue 是UI 邏輯的入口，而index.html 則透過script 標籤來引入main.js，將腳本執行的內容注入#app 中。