简易Vue
从简到繁,搭建简化版Vue。
怠惰Zsj
这个作者很懒,什么都没留下…
展开
-
简易 Vue 构建--终
简易 Dep/Watcher<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /&g原创 2021-09-20 15:46:50 · 156 阅读 · 0 评论 -
简易 Vue 构建--篇四
data数据响应式<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />原创 2021-04-07 19:17:58 · 106 阅读 · 0 评论 -
简易 Vue 构建--篇三
模拟真实DOM转换成虚拟DOM(省略了AST语法树过程);VNode数据替换过程;VNode转换为真实DOM,更新到视图过程。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport.原创 2021-04-02 16:04:32 · 185 阅读 · 1 评论 -
简易 Vue 构建--篇二
1、将 HTML DOM 转换成 js 对象2、将 js 对象转换成 HTML DOM<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=devi.原创 2021-03-24 21:56:38 · 97 阅读 · 0 评论 -
简易 Vue 构建--篇一
真实 DOM 中的模板数据替换<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /&原创 2021-03-24 21:43:00 · 105 阅读 · 1 评论