Vue3 源码之 reactivity
注: 为了直观的看到 Vue3 的实现逻辑, 本文移除了边缘情况处理、兼容处理、DEV环境的特殊逻辑等, 只保留了核心逻辑 vue-next/reactivity 实现了 Vue3 的响应性, reactivity 提供了以下接口: 一、名词解释 target: 普通 ...
原文：如何调试Vue3源码？
最近想系统学习一下vue 的源代码，本篇内容记录和分享一下，如何调试vue 的源代码。 . 下载源代码 . github下载 想获取vue 的源码，需要直接从github上vue 的仓库获取，vue github源码地址为： https: github.com vuejs core 注意，vue 的源码是在这个 core目录下，一些同学别一直找目录为vue 的文件夹，那是找不到的哈。 . 码云 ...
2022-02-19 16:41 1 1493 推荐指数：
相关推荐
Vue3 源码逐行解析
vue3 深入浅出（连载三）手摸手实现 vue3 大家好，我是Mokou，最近一直在做 vue3 相关内容，比如源码解析和mini-vue3的开发。 回顾下前几章的内容，在前几章中主要讲述了以下内容。 新构建工具 vite 的原理和从零开始实现 vue3 使用新姿势 新api ...
vue3源码阅读-reactivity
看源码时候做的笔记----------- 1.ref是什么？ from：vue-next/packages/reactivity/src/ref.ts 示例： import { ref, ref } from 'vue'; let a: Ref<String> ...
vue 源码 断点调试
1、添加sourceMap sourceMap: true 2、npm run dev 会生成vue.js.map 3、断点调试 ...
Vue系列---源码调试(二)
我们要对Vue源码进行分析，首先我们需要能够对vue源码进行调式(这里的源码调式是ES6版本的，不是打包后的代码)，因此首先我们要去官方github上克隆一份vue项目下来，如下具体操作： 1. clone vue项目 2. 下载依赖包 下载完后包，我们把视线 ...
Vue3全局APi解析-源码学习
本文章共5314字，预计阅读时间5-15分钟。 前言 不知不觉Vue-next的版本已经来到了3.1.2，最近对照着源码学习Vue3的全局Api，边学习边整理了下来，希望可以和大家一起进步。 我们以官方定义、用法、源码浅析三个维度来一起看看它们。 下文是关于Vue3全局Api ...
Vue3源码分析之 Ref 与 ReactiveEffect
Vue3中的响应式实现原理 完整 js版本简易源码 在最底部 ref 与 reactive 是Vue3中的两个定义响应式对象的API，其中reactive是通过 Proxy 来实现的，它返回对象的响应式副本，而Ref则是返回一个可变的ref对象，只有一个 .value属性指向他内部 ...
vue3源码阅读-compiler-sfc
vue-compiler-sfc主要是用来解析SFC组件，我们都知道，一个SFC（*.vue）文件三大要素是template、script、style，vue-compiler-sfc就是负责解析这三大要素。从源码src目录下，每个文件的命名大致就可以看出来各个文件的作用，我先从 ...