- 使用vue-cli構建項目的步驟就不詳細說明了，直奔主題；
- App.vue是一個組件，index.html是項目的頁面，main.js是項目的入口文件，我們可以理解成index.html通過main.js將App.vue組件中的內容替換掉了index.html中的內容，看圖說話；
- main.js中引入了App.vue，並且new Vue()了一次，我們可以把main.js理解成是index.html頁面中的js文件，此時new Vue()中的el綁定的則是index.html中的#app，所以這個new Vue()是對index.html頁面的實例，接着在實例中注冊了App.vue組件，通過template掛載到了index.html中的#app里，完全覆蓋掉了index.html中的內容，大家可以改變App.vue中的#app試試，運行頁面后看到的就是App.vue中的id
- 到這里就分享完了，希望對大家有幫助，如有不懂者，加我QQ 19340065
淺談vue-cli構建的項目中App.vue ， main.js和index.html之間的關系，更深入的理解vue
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。
猜您在找
vue-cli中的index.html ，main.js , App.vue的關系
關於Vue中main.js，App.vue，index.html之間關系進行總結
關於Vue中main.js，App.vue，index.html之間關系進行總結
vue項目中主要文件的加載順序（index.html、main.js、App.vue）
vue項目中app.vue 、main.js和 index.html的關聯
main.js index.html與app.vue三者關系詳解
Vue-Cli腳手架文件main.js、App.vue、index.html、index.js詳解
vue2.0：（三）、項目開始，首頁入門（main.js，App.vue,importfrom）
vue-cli項目npm run build后，index.html無法在瀏覽器打開
vue-cli 3.0 index.html引入第三方js文件