首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Vue源码
小灰灰的空间
创建于2022-02-13
订阅专栏
Vue源码分析
暂无订阅
共14篇文章
创建于2022-02-13
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
[Vue 源码] v-model 逻辑分析
v-model v-model 和前面分析过的 v-on 一样,都是 Vue 提供的指令,所以 v-model 的分析流程和 v-on 相似。围绕模板的编译、 render 函数的生成,
Vue 中 $set 和 nextTick 方法的实现
本文分析了 Vue2 中 $set方法和 nextTick 方法的实现过程,对与了解 vue 底层逻辑有进一步的认识
Vue 源码分析 -- 数组响应式化
对于数组,在进行响应式化时,Vue 对数组常用的方法进行了重写,并保留了方法原有的功能,从而实现数组响应式化。本文分析了 Vue 数组响应式化的逻辑
Vue 源码分析 -- Data 响应式化
本文分析了 Vue 源码中数据响应式化中的 data 数据响应式化,从依赖收拾开始到派发更新,对 Vue 有一个叫清晰的分析过程
Vue2 源码分析 -- 创建组件虚拟 DOM
`Vue` 中通过 `resolveAsset` 方法来判断组件是否已经注册,来看看 `resolveAsset` 方法的实现。
Vue 异步组件的实现
异步组件 为什么需要异步组件 在进行首屏性能优化时,最常用的方法就是对于文件的拆分和代理的分离,按需加载的概念也是在这个前提下引入的。因此在 Vue 开发过程中,我们会把一些非首屏的组件设计成异部组件
Vue 源码分析 —— 组件的注册方式
组件基础 组件是 Vue 一个重要核心,在项目工程化时,会将页面结构组件化。组件化以为这独立和共享,这两个结论并不矛盾。独立的组件可以让开发者在开发组件时能够专注某个功能的开发和扩展,而组件的设计理念
Vue 源码分析 —— 创建虚拟 DOM
虚拟 DOM 的创建 什么是虚拟 DOM 为什么使用虚拟 DOM 虚拟 DOM 是为了解决频繁的操作 DOM 元素引发性能问题的产物。当使用 JS 脚本操作 DOM 元素时,会引发浏览器的回流或者重绘
Vue 源码分析 —— 实例挂载流程
实例挂载基本流程 Vue 在选项合并完成之后,进行了一系列函数调用,这些函数包括了初始化事件中心、定义渲染函数等等。在 _init 方法的最后,会对象 el 选项进行判断,如果 el 选项存在,则会调
Vue 源码分析 —— 选项合并策略(2)
选项合并策略分析(2) 选项合并策略分析(1) 生命周期钩子函数合并策略 在 Vue 中,生命周期是一个很重要的知识点,我们可以在生命周期各个阶段做不同的事情。现在我们来看一下 Vue 生命周期钩子函
Vue 源码分析 —— 选项合并策略分析(1)
选项合并策略分析 在对 props inject directive 三个选项转换成统一格式之后,即开始合并选项,看一下选项合并的代码 合并选项时,优先使用自定义合并策略,如果自定义选项策略不存在,则
Vue 源码分析 —— 规范化选项
规范化选项 在 new Vue 创建 Vue 实例进行初始化时,最先进行的操作就是合并选项。在合并选项时,对于不同的场景有不同的合并策略 可以看到,在创建 Vue 实例是,调用 mergeOption
Vue 源码分析——new Vue 发生了什么
new Vue 过程 Vue 构造器的定义 初始化方法 _init 小结 在使用 new Vue 创建 Vue 实例是,调用了原型上的 _init 方法进行初始化。主要就做了一下几件事 合并配置 初始
Vue源码分析——Vue的引入
Vue 的引入 Vue 构造器 Vue 本质上是一个函数,在函数内部保证了只能使用 new 关键字类创建 Vue 实例 定义 Vue 原型上的方法 定义全局 API 在 core/index.js 文