vue2的执行过程是怎么样的

vue中从全局前置守卫,App.vue,页面、router文件夹下的index.js文件是怎么样的执行顺序?

①页面的加载过程就是:index.html->main.js->App.vue->index.js(router)->xxx.vue
②main.js通过实例化 vue,把组件和入口页面联系起来

router.index> APP.vue> vue全局前置守卫> 页面;我感觉是这样的,建议debugger调试下。

  • 全局前置守卫: App.vue 中的 beforeCreate 生命周期函数首先会执行
  • 路由配置: router文件夹下的index.js文件负责配置路由,当路由被解析完毕后,将执行其中的beforeEach钩子函数
  • 页面渲染: 当beforeEach钩子函数执行完毕后,页面将开始渲染,并执行相应的钩子函数

vue中从全局前置守卫,App.vue,页面、router文件夹下的index.js文件是怎么样的执行顺序?
项目启动-mian.js-index.js-全局前置守卫-App.vue。