[置顶] Vue源码解析： 丰富的选项合并策略
摘要： 简介 在Vue的初始化过程中，最开始的阶段就是选项合并阶段。它通过调用mergeOptions函数将两个选项配置合并成一个选项配置。这里的选项options的形式实际上就是我们平时开发时在Vue中写的对象配置，形式如下： { components: {}, filters: {}, data() { 阅读全文
posted @ 2021-07-20 13:37 silence96319 阅读(168) 评论(0) 推荐(0)
[置顶] Vue源码解析：Vue是如何设计的？
摘要： 项目文件结构 在Vue项目中，所有核心的代码都是在src目录下完成，为了更好的了解Vue的底层实现，我们首先来了解一下src目录下代码的组织情况，从全局入手，在脑海里留下简单的印象，方便后续的学习。（注意：当前使用Vue的版本为2.6.12，不同版本的内容可能会有所差异） . ├── compile 阅读全文
posted @ 2021-07-20 09:05 silence96319 阅读(205) 评论(0) 推荐(0)
2021年7月
Vue响应式原理中篇：结合源码来理解响应式原理！
摘要： 上一章我们通过从零构建了一个极简响应式系统后，对响应式系统中的Dep类、Watcher类和defineReactive方法都有了一定的了解。这一章我们将会结合源码来看看Vue到底是如何实现响应式系统的，以及还有哪些细节需要我们注意和优化。 这一章主要分为以下几个模块： observe方法的作用与实现 阅读全文
posted @ 2021-07-22 08:45 silence96319 阅读(74) 评论(0) 推荐(0)
Vue响应式原理上篇：如何从零构建一个响应式系统？
摘要： 响应式系统是什么？ 以一个简单例子来说明响应式系统？ 什么是依赖？什么是依赖搜集？ Watcher 是什么？ Dep 是什么？ 如何建立Dep和Watcher之间的关系？ 完整的实现一个简单的响应式系统? 简介 响应式系统是Vue非常核心的特性之一。每当我们在Vue中改变数据时，视图会自动进行更新， 阅读全文
posted @ 2021-07-21 01:00 silence96319 阅读(104) 评论(0) 推荐(0)