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怎么结合的？怎么打包的？搜集的信息