new Vue({ router, store, }).$mount('#app') new Vue({ el: '#app', store, router, template: '<App/>', components: { App } })
Vue的這兩種實例化寫法有什麼不同？ 專案結構裡的main.js, App.vue, index.html這三個檔案又是一種什麼關係呢？
首先，這兩種寫法沒有本質上的區別，作為整個計畫的入口都沒有問題。
具體到專案結構上，main.js 是整個專案的入口（在此除導入App.vue 的UI 外，還導入router / vuex / axios 等輔助庫與插件），App.vue 是UI 邏輯的入口，而index.html 則透過script 標籤來引入main.js，將腳本執行的內容注入#app 中。
首先，這兩種寫法沒有本質上的區別，作為整個計畫的入口都沒有問題。
具體到專案結構上，main.js 是整個專案的入口（在此除導入App.vue 的UI 外，還導入router / vuex / axios 等輔助庫與插件），App.vue 是UI 邏輯的入口，而index.html 則透過script 標籤來引入main.js，將腳本執行的內容注入#app 中。