vue后端渲染,vue是前端渲染还是后端渲染

　　本文主要详细介绍vue源代码的第一次渲染过程。本文中的示例代码非常详细，具有一定的参考价值。感兴趣的朋友可以参考一下，希望能帮到你。

首次渲染

　　这个。src/core/instance/index.js中的_init方法

init方法内部

$mount内部 - 编译版本内部逻辑

$mount内部 - 运行时版本内部逻辑(最终执行) runtime/index中的 $mount方法

　　在runtime/index中输入$mount方法，可以看到mountComponent函数最终被调用来渲染dom。

core/instance/lifecycle 中的mountComponent

src/core/observer/watcher

总结

　　首次渲染过程

　　Vue初始化实例成员静态成员newvue () this。_ init()虚拟机。$ mount()-src/platforms/web/entry-runtime-with-compiler . js如果没有传递渲染，则将模板编译到渲染函数compileToFunctions()中，生成render()渲染函数options.render=rendervm中定义的$ mount。$ mount()运行时/索引。最后，mountComponent函数mountComponent(this，El)-src/core/instance/life cycle . js判断是否有渲染选项。如果没有，但是传入了模板，如果当前是开发环境，会发出警告触发beforeMount定义updateComponent创建watcher实例并触发mounted return vm watcher . Get()Get call update component函数调用VM。_render函数调用render.call(vm。_renderProxy，Vm。$createElement)实例化时调用vue传入的render函数，或者编译模板生成的render返回vnode调用vm。_update在内部调用虚拟机。__patch__方法来挂载真正的dom record vm。$el

总结

　　本文到此为止。希望能帮到你，也希望你能多关注我们的更多内容！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。