首頁猿問 Vue這兩種實例化方式有說明區(qū)別？

Vue這兩種實例化方式有說明區(qū)別？

JavaScript

慕斯王 2018-11-20 21:16:32

new Vue({ router, store,}).$mount('#app')new Vue({ el: '#app', store, router, template: '<App/>', components: { App }})Vue的這兩種實例化寫法有什么區(qū)別？項目結(jié)構(gòu)里的main.js, App.vue, index.html這三個文件又是一種什么關(guān)系呢？

查看完整描述

1 回答

PIPIONE

TA貢獻1829條經(jīng)驗獲得超9個贊

首先，這兩種寫法沒有本質(zhì)的區(qū)別，作為整個項目的入口都沒有問題。

具體到項目結(jié)構(gòu)上，main.js 是整個項目的入口（在此除導入 App.vue 的 UI 外，還導入 router / vuex / axios 等輔助庫與插件），App.vue 是 UI 邏輯的入口，而 index.html 則通過 script 標簽來引入 main.js，將腳本執(zhí)行的內(nèi)容注入 #app 中。

反對回復 2018-12-18