lymws的博客

vue手写源码详解二 本章讲解如何根据指定的数据渲染控制区域 我们可以通过获取元素来判断有没有用v-model或者{{}}，同时可以用指定的数据来替换，但这样做有一个弊端如数据发生变化那么页面就需要从新渲染，这样高频的渲染显然是我们不想看到的，网页卡顿的同时给用户也造成了很差的体验 那么有什么办法可以去规避这个问题那，其实可以通过把控制区域内的元素放入内存中，在内存中把所有的数据替换好，这样一次性即可渲染到网页上 那么我们需要的处理步骤分为三步 第一步：将网页上的元素放入内存中 如何把网页内的元素放入内存中

vue手写源码详解一 本章节说明如何定义一个vue的类 要解析vue的源码首先要了解下它的构造 vue大家都知道要通过new来创建实例来使用，那么就说明它其实是一个类 el属性它的作用是告诉vue实例对象，控制的是哪个区域，它不但可以使用id也可以使用DOM来绑定区域，例如使用document.querySelector()来绑定 data它的作用是数据的存储，简单来说就是告诉vue实例，被控制的区域数据是什么，从而完成数据的显示与操作 let vue = new Nue({ el: '#