分类：Vue虚拟Dom

2021
10-29

Vue虚拟Dom到真实Dom的转换

再有一颗树形结构的Javascript对象后，我们需要做的就是讲这棵树跟真实Dom树形成映射关系。我们先回顾之前的mountComponnet方法：exportfunctionmountComponent(vm,el){vm.$el=el...callHook(vm,'beforeMount')...constupdateComponent=function(){vm._update(vm._render())}...}我们已经执行完了vm._render方法拿到了VNode,现在将它作为参数传给vm._update方法并执行。vm._update这个方法的... 继续阅读 >

2021
04-07

关于Vue虚拟dom问题

一、什么是虚拟dom？虚拟dom本质上就是一个普通的JS对象，用于描述视图的界面结构在vue中，每个组件都有一个render函数，没有render找template，没有template找el，有el就会把el.outHTML作为template，然后把这串字符串编译成render函数。有template就不往下找了。有render同理。每个render函数都会返回一个虚拟dom树，这也就意味着每个组件都对应一棵虚拟DOM树。也就是说render目的就是创建虚拟dom，这个组件到底要显示啥。conso... 继续阅读 >