首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
vue源码解读
颜酱
创建于2021-06-17
订阅专栏
vue源码解读
等 5 人订阅
共18篇文章
创建于2021-06-17
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
调试vue源码和简单写reactive- 源码系列12
iife ----- 自执行函数cjs是commonjs,esm是es6模块,xx.global.js cjs ----- commonjs(require module.exports),
esbuild基本使用,及简单介绍vue3源码reactivity的打包 - 源码11
初始化环境 创建文件夹,开始试验 生成 配置最简单打包 1. package.json加type package.json加type是module,可以解析import语法。 2. 配置package
ref的简易版 - 源码系列10
接着写 ref! 目标 ref 首先看下,目标 ref 的功能: ref一般是监测普通类型的值。 分析 ref ref 是一个函数,1 个参数,对象或者普通类型的值 返回值是RefImpl实例 获取值
computed的简易版 - 源码系列9
接着写 computed! 目标 computed 首先看下,目标 computed 的功能: computed的应用场景是根据其他数据衍生的,比如说根据 firstName 和 lastName 衍
watchEffect的简易版 - 源码系列8
写 watchEffect了,这个真真算容易了! 目标 watchEffect 首先看下,目标 watchEffect 的功能: 没有加配置的 watchEfect,默认是异步执行的,这里先将其设置为
watch简单版 - 源码系列7
写 watch 了! 目标 watch 首先看下,目标 watch 的功能: 没有加配置的 watch,默认是异步执行的,这里先将其设置为同步,异步之后再写。 分析 watch watch 是一个函数
实现effect - 源码系列3
track主要是建立属性和effect的映射关系,trigger是找到属性对应的effect,挨个执行。 全局变量activeEffect 和 targetMap 辅助这两方法实现。
手动调用和停止effect - 源码系列5
effect 真的心思缜密啊! 继续进阶版,属性发生变化,相应的_effect 自动执行。这边添加,可以随时手动执行_effect,也可以随时停止_effect 自动执行
effect依赖清理流程 - 源码系列4
建立映射的时候,假设新增\_effect2,如`{name:[_effect1,_effect2,]}`,那么同时将`[_effect1,_effect2]`这个数组添加到`_effect2`实例
实现reactive - 源码系列2
github同步进行了项目,方便的话,可以直接clone下来,切到reactive分支即可,看最终的效果。 安装 vue3,作为目标对齐 在写个 index.html,感受 reactive 在 re
搭建vue源码项目环境 - 源码系列1
github同步进行了项目,方便的话,可以直接clone下来,切到env分支即可。 运行以下命令,建项目目录 根目录加 packages 文件夹,里面加两个文件夹 reactivity 和 share
vue3源码解析 --- 组件渲染:vnode 到真实 DOM 是如何转变的
组件渲染:vnode 到真实 DOM 是如何转变的: 源码解析略复杂,通过demo是了解组件渲染:vnode 到真实 DOM 是如何转变的
响应式原理 - 学习vue源码系列4.2
响应式对象,核心就是利用 `Object.defineProperty` 给数据添加了 `getter` 和 `setter`。 这样在访问数据以及写数据的时候能自动执行一些逻辑
组件注册 - 学习vue源码系列3.4
认识组件的注册过程,并理解全局注册和局部注册的差异。其实在平时的工作中,当我们使用到组件库的时候,往往更通用基础组件都是全局注册的,而编写的特例场景的业务组件都是局部注册的
组件化的合并配置 - 学习vue源码系列 3.2
决定跟着黄轶老师的 vue2 源码课程好好学习下vue2的源码,学习过程中,尽量输出自己的所得,提高学习效率,水平有限,不对的话请指正~ 将vue 的源码clone 到本地,切换到分支2.6。
h函数为什么叫h?
大白话,h函数就是用节点的描述(标签名、标签的其他自身信息、子元素)创建虚拟节点。 h函数的参数最多三个,但只有第一个是必传项,第二个参数和第三个都是可传项,所以内部对各种情况作了判断
数据驱动 - 学习vue源码系列2
决定跟着黄轶老师的 vue2 源码课程好好学习下vue2的源码,学习过程中,尽量输出自己的所得,提高学习效率,水平有限,不对的话请指正~ 将vue 的源码clone 到本地,切换到分支2.6。 Int
准备工作 - 学习vue源码系列1
学习黄轶老师的vue源码解读 认识 flow的使用、 vue的源码目录设计结构、 vue怎么构建的、 vue的入口在哪