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
入口文件与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 }
})main.js index.html与app.vue三者关系详解
原文：https://www.cnblogs.com/bwdblogs/p/11144011.html