javascript - Apakah perbezaan antara dua kaedah instantiasi Vue?

Question

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

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

Apakah perbezaan antara kedua-dua cara ini untuk membuat instantiated Vue?
Apakah hubungan antara tiga fail main.js, App.vue dan index.html dalam struktur projek?

Answer 1

Pertama sekali, tiada perbezaan penting antara kedua-dua kaedah penulisan ini, dan tiada masalah sebagai pintu masuk ke keseluruhan projek.

Secara khusus mengenai struktur projek, main.js ialah pintu masuk ke keseluruhan projek (selain mengimport UI App.vue, perpustakaan tambahan dan pemalam seperti penghala/vuex/axios juga diimport. vue ialah pintu masuk ke logik UI Index.html memperkenalkan main.js melalui teg skrip dan menyuntik kandungan pelaksanaan skrip ke dalam #app.