首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
mini-vue
真不想写代码
创建于2021-11-01
订阅专栏
模拟vue手动实现一个mini-vue
等 1 人订阅
共6篇文章
创建于2021-11-01
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
mini-vue实现之双向绑定
之前已经实现了响应式原理,但是在输入框输入的时候,数据并没有改变。 其实双向绑定的实现很简单,我们只需要在解析指令的时候,为input框绑定input事件,将node的值更新到data中。
mini-vue实现之响应式实现
响应式原理 Vue通过Observer类对data里的数据做数据劫持,通过compiler解析指令。然后通过data中的getter方法收集依赖,setter方法进行派发更新,收集以来的时候将所有的观
mini-vue实现之compiler类
compiler类功能 负责编译模版,解析指令/差值表达试 负责页面的首次渲染 当数据变化后重新渲染视图 实现compiler类 下面我们将这个类的基本方法实现 compile方法实现 首先我们将el
mini-vue实现之Observer类实现
Observer功能 负责把data选项中的属性转化成响应式数据 data中的某个属性如果是对象,把该属性转换成响应式数据 数据变化发送通知 同样我们这节实现前两个功能。 下面通过代码来实现Obser
mini-vue实现之Vue类实现
我们现在开始实现一个简版的vue,首先实现的是Vue类。 vue类的功能 负责接收初始化的参数 负责把data中的属性注入到Vue实例, 转换成getter和setter 负责调用observer监听
mini-vue开发准备工作
数据驱动 数据响应式、双向绑定、数据驱动 数据响应式 数据模型仅仅是普通的javascript对象,而当我们修改数据时,视图会进行更新,避免了繁琐的DOM操作,提高开发效率。 双向绑定 数据改变,视图