vue源码
李小斌96
这个作者很懒,什么都没留下…
展开
-
Vue2.x 源码学习(笔记)- debugger 源码
使用方向 最近在学习 vue.js 的源码,主要是通过 Vue.js 技术揭秘 官方文档,但是都是文字描述和代码片段,很难和我们实际项目中的步骤和操作联系起来,所以尝试 debugger 源码,配合文档描述,进而学习 new Vue、createElement 等的具体操作流程。 源码区别 发现从 vue.js 官网 clone 的代码和从 Vue.js 技术揭秘 中 clone 的代码 目录 部分不同。 vue.js 官网 Vue.js 技术揭秘 其实内容是一样的,个人理解是:一个为了更好的学习源码原创 2020-12-17 11:46:31 · 393 阅读 · 1 评论 -
Vue2.x 源码学习(三) - 组件化(二)
合并配置 通过之前章节的源码分析我们知道,new Vue 的过程通常有 2 中场景,一种是外部我们的代码主动调用 new Vue(options) 的方式实例化一个 Vue 对象; 另一种是我们上一节分析的组件过程中内部通过 new Vue(options) 实例化子组件。 无论哪种场景,都会执行实例的 _init(options) 方法,它首先会执行一个 merge options 的逻辑,相关的代码在 src/core/instance/init.js 中: ...原创 2020-12-11 09:56:25 · 263 阅读 · 0 评论 -
Vue2.x 源码学习(三) - 组件化(一)
介绍 Vue.js 另一个核心思想是组件化。所谓组件化,就是把页面拆分成多个组件(Component),每个组件依赖的 CSS 、JavaScript、模版、图片等资源放在一起开发和维护。组件是资源独立的,组件在系统内部可复用,组件和组件之间可以嵌套。 我们在用 Vue.js 开发实际项目的时候,就是像搭积木一样,编写一堆组件拼装生成页面。在 Vue.js 的官网中,也是花了大篇幅来介绍什么是组件,如何编写组件以及组件拥有的属性和特性。 这一部分,我们将从源码的角度来分析 Vue 的组件内部是如何工作的,只原创 2020-11-12 10:44:43 · 245 阅读 · 0 评论 -
Vue2.x 源码学习(二) - 数据驱动
学习解读来自于:Vue.js 技术揭秘 仅用于自我学习内容 介绍 Vue.js 一个核心思想是数据驱动。所谓数据驱动,是指视图是由数据驱动生成的,我们对视图的修改,不会直接操作 DOM ,而是通过修改数据。它相比我们传统的前端开发,如使用 jQuery 等前端库直接修改 DOM ,大大简化了代码量。特别是当交互复杂的时候,只关心数据的修改会让代码的逻辑变得非常清晰,因为 DOM 变成了数据的映射,我们所有的逻辑都是对数据的修改,而不用触碰 DOM, 这样的代码非常利于维护。 在 Vue.js 中我们可以采用原创 2020-10-14 17:28:34 · 262 阅读 · 1 评论 -
Vue2.x 源码学习(一) - 准备工作
学习解读来自于:Vue.js 技术揭秘 仅用于自我学习内容 Flow Flow 官网传送门 vue 2.x 版本中使用的是 flow 作为静态语法的检验工具。 因为 JavaScript 是动态类型语言,过于灵活的副作用很容易出现隐蔽的代码隐患。类型检查就是当前动态类型语言的发展趋势,可以使 JavaScript 具有和 Java 等强类型语言相近的体验。 Flow 的工作方式 类型推断:通过变量的使用上下文来推断出变量类型,然后根据这些推断来检查类型。 类型注释:事先注释好我们期待的类型,Flow 会基原创 2020-09-21 15:30:39 · 342 阅读 · 0 评论