当前位置: 首页 > Web前端 > JavaScript

微信Vue框架搭建Part5——渲染对象数据

时间:2023-03-27 18:21:52 JavaScript

概述本节内容在上一篇文章的基础上,实现对象类型的数据渲染。渲染到真实页面的难点是:如何知道单个vnode中存在哪些模板语法,如何实现知道模板语法对应的值,如何实现数据替换,实现页面渲染过程的概览。找到模板语法。上面我们实现了模板和vnode的相互映射,并用Map对象保存,所以代码实现可以通过Map内置的方法实现/***RendervirtualDOM*@param{*}vm*@param{*}vnode*/functionrenderVNode(vm,vnode){if(vnode.nodeType===NODE_TYPE_TEXT){consttemplateArr=VNodeToTemplate.get(vnode);if(templateArr&&templateArr.length){for(leti=0;i