vue-source-code:学习vue源码-vue source code

时间:2024-04-13 15:19:17
【文件属性】:

文件名称:vue-source-code:学习vue源码-vue source code

文件大小:10.37MB

文件格式:ZIP

更新时间:2024-04-13 15:19:17

系统开源

vue原始码学习 vue的执行 拿到模板 拿到数据 将模板和数据结合,得到html元素 放到页面中 自己实现,参见 console . log ( root ) let app = new Vue ( { el : '#root' , data : { name : 'yeye' , info : '帅哥' } } ) console . log ( root ) vue的渲染 在上面,我们说的将模板和数据结合过程实际vue是 模板转成抽象语法树 抽象语法树转成虚拟dom 虚拟dom转成真实dom这三个操作,第一个操作是很消耗性能的 在vue中,每一个手表改变,计算的改变都会重新渲染页面,虚拟dom和真实dom是一一对应的关系,只要数据改变,就会生成一个新的虚拟dom,然后和未改变前的虚拟dom通过diff算法,并且将改变更新到原来的虚拟DOM,原来的虚拟do


网友评论