main.js index.html與app.vue三者關系詳解

2019年01月23日 11:12:15 Pecodo 閱讀數 186

main.js與index.html是nodejs的項目啟動的首加載頁面資源與js資源,app.vue則是vue頁面資源的首加載項

首先啟動項目 v8找到index.html與main.js, 執行main.js時遇到

根據import加載app.vue文件(.vue文件可以不是叫app 可以是diyName.vue 但沒必要)

然后new Vue的操作是用vue渲染index.html中的"#app" Dom元素渲染規則是 "template: <App/>"直接將其渲染為上一步components調用的局部組件"App"(這兒就可以改為 components:{diyName}, template:'<diyName></diyName>') ;

一般生產使用都是在main.js的new Vue是加上自定義router

vue入口文件main.js

2017年11月24日 11:49:35 evendetail 閱讀數 6806

入口文件與app.vue 相關聯

import Vue from 'vue' // main.js 為入口文件，並與app.vue組件向關聯使此組件為跟組件 // 是所有的內容都在app.vue 上面呈現。 import App from './App' // 在router里配置路由，將app組件相關聯 import router from './router' Vue.config.productionTip = false /* eslint-disable no-new */ // 生成vue的根實例;創建每個組件都會生成一個vue的實列，並且會用到根實例上面的所有屬性 new Vue({ el: '#app', router, // 聲明模版 template: '<App/>', // 注冊成組件 components: { App } })

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 關於Vue中main.js，App.vue，index.html之間關系進行總結關於Vue中main.js，App.vue，index.html之間關系進行總結 vue-cli中的index.html ，main.js , App.vue的關系關於Vue中main.js，App.vue，index.html之間關系進行總結淺談vue中index.html、main.js、App.vue、index.js之前的關系以及加載過程 vue-cli構建vue程序后項目是怎么運行的(index.html,main.js,app.vue之間的關系) vue項目中，main.js,App.vue,index.html如何調用 vue項目中主要文件的加載順序（index.html、main.js、App.vue） vue項目中app.vue 、main.js和 index.html的關聯【vue】index.html main.js app.vue index.js怎么結合的？怎么打包的？搜集的信息