vue源码初看

文章目录

• 前言
• 一、 Vue 首次渲染的过程
• 二、Vue 响应式原理
• 三、虚拟 DOM 中 Key 的作用和好处
• 四、Vue 中模板编译的过程
• 总结

前言

本篇文章仅记录着个人初看vue源码的粗浅立即

一、 Vue 首次渲染的过程

1.vue初始化它的实例成员和静态成员
2.在初始化结束的时候调用vue的构造函数new Vue()
3.在构造函数中调用this._init()这个函数，这个函数是整个vue的入口
4.在_init函数中调用了vm.$mount,这个$mount在src\platforms\web\entry-runtime-with-compiler.js中，首先判断是否传入
render函数，如果没有会获取template选项，如果template还没有，会把el中的内容作为模板，把模板编译成render函数，
通过compileFunction()函数生成render()渲染函数，然后把render函数存入到options选项中 options.render=render
5.然后调用src\platforms\web\runtime\index.js下的KaTeX parse error: Undefined control sequence: \core at position 110: …(thi

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！