vue的执行顺序

1,139 阅读1分钟

Vue加载时文件的执行顺序

1、执行index.html文件

2、执行main.js文件

3、main.js挂载了app.vue文件,用app.vue的templete替换index.html中的

4、main.js中注入了路由文件,将对应的组件渲染到router-view中

5、router-view中加载Layout文件

6、Layout 加载Navbar, Sidebar, AppMain

Vue内部页面的执行顺序

Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML。但是模板毕竟是模板,不是真实的dom节点。从模板到真实dom节点还需要经过一些步骤:

1、把模板编译为render函数

2、实例进行挂载, 根据根节点render函数的调用,递归的生成虚拟dom

3、对比虚拟dom,渲染到真实dom

4、组件内部data发生变化,组件和子组件引用data作为props重新调用render函数,生成虚拟dom, 返回到步骤3

参考至:blog.csdn.net/IT__learnin…