随笔分类 - Vue
摘要:目标 使用 Typescript 编写简易版的 vue 实现数据的响应式和基本的视图渲染,以及双向绑定功能。 参考 https://cn.vuejs.org/v2/guide/reactivity.html 测试代码中,编写vue.js是本篇的重点,基本使用方法与常规的Vue一样: <div id=
阅读全文
摘要:响应式特点 数据响应式 修改数据时,视图自动更新,避免繁琐Dom操作,提高开发效率 双向绑定 数据改变,视图随之改变。视图改变,数据随之改变 数据驱动 开发时仅需要关注数据本身,不需要关心数据如何渲染到视图 官方教程: https://cn.vuejs.org/v2/guide/reactivity
阅读全文
摘要:虚拟Dom 关于虚拟Dom的概念可以从一个简单的小例子出发,如下代码所示: let div = document.querySelector('#container'); let s = ''; for (let k in div){s += k + ','} 运行后结果如下 可见创建一个Dom元素
阅读全文