vue源码

vue源码分析

一、Vue源码解析-响应式原理1.1准备工作源码目录结构src├─compiler编译相关├─coreVue核心库├─platforms平台相关代码├─serverSSR，服务端渲染├─sfc.vue文件编译为
Tommy·Yang·2021-01-27 00:05

Vue源码解析之Template转化为AST

Vue源码中虚拟DOM构建经历template编译
·2021-01-24 00:49

浅谈Vue响应式原理（下）

开始结合Vue源码来整理响应式的原理（此篇代码有部分简写），上篇可看浅谈vue的响应式（上）VUE响应式原理了解了Object.defineProperty和观察者模式之后就可以开始解释Vue的响应式原理了
Taec0123·2021-01-21 16:11

Vue.js进阶之Vue源码解析（上）

前言阅读Vue源码仅仅只是为了面试吗？我想，大概很多人都会这么觉得吧！但我并不这么想…为什么呢？（ps:后续再慢慢讲述…）当然，当你选择去阅读Vue源码也真的是需要一定的勇气，为什么会这么说？
hugo233·2021-01-20 21:56

Vue源码学习第一期——前期准备

小提示刚开始看源码的时候，一定不要揪着每行代码去看，一定要不求甚解，先顺着一条主线去捋清思路，然后再根据自己的理解，分析一些重要的实现。不然就会陷入迷茫，欸，这行干嘛的，啊，这行也不知道。算了，不看了。举个vue的例子，都知道vue是根据数据状态变化后，产生virtualDOM的方式更新DOM，那么如果你不清楚virtualDOM的实现原理，那就不要去细究virtualDOM的内容。可以先往下梳理
HelloHL·2021-01-14 16:00

vuex 源码分析_vue源码解析之vuex原理

常用接口dispatch操作行为触发方法，是唯一能执行action的方法。actions操作行为处理模块。负责处理VueComponents接收到的所有交互行为。包含同步/异步操作，支持多个同名方法，按照注册的顺序依次触发。向后台API请求的操作就在这个模块中进行，包括触发其他action以及提交mutation的操作。该模块提供了Promise的封装，以支持action的链式触发。commit状
楚予微茫·2021-01-14 11:44

从vue源码来看Proxy的用途

从vue源码来看Proxy的用途TheProxyobjectisusedtodefinecustombehaviorforfundamentaloperations(e.g.propertylookup
geeeger·2021-01-13 14:18

入口文件开始，分析Vue源码实现

网上现有的Vue源码解析文章一搜一大批，但是为什么我还要去做这样的事情呢？因为觉得纸上得来终觉浅，绝知此事要躬行。
muwoo·2021-01-12 21:04

vue简单实现双向绑定

vue源码学习{{msg}}点击事件//1.构造vue（构造函数/类）classVue{constructor(options){this.
悠哈121·2021-01-12 16:31

vue在哪里定义数组_Vue源码解读——变化侦测篇

源码目录Vue源码目录大致如下：从上面的目录结构可以看出，Vue的整个项目包含了类型检测相关、单元测试相关、与平台无关的核心代码以及跨平
刘洛希·2021-01-12 15:01

详解Vue2的diff算法

前言双端比较算法是vue2.x采用的diff算法，本篇文章只是对双端比较算法粗略的过程进行了一下分析，具体细节还是得Vue源码，Vue的源码在这过程假设当前有两个数组arr1和arr2letarr1=[
·2021-01-08 01:19

浅读vue源码(2.x)之diff算法

在我响应式原理那篇文章中，我们已经了解到，当vue实例被检测的属性改变时，会发生视图更新，即调用updateComponent函数对视图进行重新渲染。updateComponent=()=>{vm._update(vm._render(),hydrating)}在该函数中，执行vm._render()时，会去获取相关属性最新情况，从而得到一个新的Vnode。而在vm._update()函数中，会将
Zack921·2021-01-05 20:59

浅读vue源码(2.x)之响应式原理

整个vue架构看下来，主要分为三个部分：响应式原理，编译器的实现以及patch算法。以下是对响应式原理的个人理解，看下来，大致是利用发布-订阅模式+异步更新。当我们初始化一个vue实例并把它绑定到相应的DOM节点时，其实已经完成了属性响应式的设定。所以我们从VUE的构造函数入手。打开core/index.jsimportVuefrom'./instance/index'import{initGlo
Zack921·2021-01-05 20:52

浅读vue源码(2.x)之diff算法

在我响应式原理那篇文章中，我们已经了解到，当vue实例被检测的属性改变时，会发生视图更新，即调用updateComponent函数对视图进行重新渲染。updateComponent=()=>{vm._update(vm._render(),hydrating)}在该函数中，执行vm._render()时，会去获取相关属性最新情况，从而得到一个新的Vnode。而在vm._update()函数中，会将
Zack921·2021-01-05 19:57

浅读vue源码(2.x)之响应式原理

整个vue架构看下来，主要分为三个部分：响应式原理，编译器的实现以及patch算法。以下是对响应式原理的个人理解，看下来，大致是利用发布-订阅模式+异步更新。当我们初始化一个vue实例并把它绑定到相应的DOM节点时，其实已经完成了属性响应式的设定。所以我们从VUE的构造函数入手。打开core/index.jsimportVuefrom'./instance/index'import{initGlo
Zack921·2021-01-05 19:56

手写Vue源码之数据劫持示例详解

源代码:传送门Vue会对我们在data中传入的数据进行拦截：对象：递归的为对象的每个属性都设置get/set方法数组：修改数组的原型方法，对于会修改原数组的方法进行了重写在用户为data中的对象设置值、修改值以及调用修改原数组的方法时，都可以添加一些逻辑来进行处理，实现数据更新页面也同时更新。Vue中的响应式(reactive):对对象属性或数组方法进行了拦截，在属性或数组更新时可以同时自动地更新
·2021-01-04 10:32

Vue源码解析——组件化机制

组件化机制组件声明：Vue.component()initAssetRegisters(Vue)src/core/global-api/assets.js组件注册使用extend方法将配置转换为构造函数并添加到components选项组件实例创建及挂载：观察生成的渲染函数"with(this){return_c('div',{attrs:{"id":"demo"}},[_c('h1',[_v("虚
椰卤工程师·2021-01-03 14:22

Vue源码解析——异步更新队列+虚拟dom

Vue源码解析——异步更新队列+虚拟dom异步更新队列Vue高效的秘诀是一套批量、异步的更新策略。每一个组件对应一个watcher实例，在一个队列中插入watcher，再进行批量操作。
椰卤工程师·2021-01-03 12:39

vue源码解析流程总结

之前写了三篇vue的源码解析,响应式，虚拟dom,和模板编译组件化.这三篇是比较细的，这里做个总结，先看总结，再看那三篇应该会更好，这里是把大概流程和前面的例子总结下.一，首次渲染过程首先我们导入vue时会初始化实例成员，静态成员全局静态例如config,options,内部工具方法,一些静态方法例如set，nextTick,组件,指令，过滤器方法,然后原型方法例如:mount(内部调用mount
Charon·2021-01-02 19:01

vue源码解析流程总结

之前写了三篇vue的源码解析,响应式，虚拟dom,和模板编译组件化.这三篇是比较细的，这里做个总结，先看总结，再看那三篇应该会更好，这里是把大概流程和前面的例子总结下.一，首次渲染过程首先我们导入vue时会初始化实例成员，静态成员全局静态例如config,options,内部工具方法,一些静态方法例如set，nextTick,组件,指令，过滤器方法,然后原型方法例如:mount(内部调用mount
Charon·2021-01-02 19:13

vue源码分析（二）-从new Vue到渲染到页面

_init方法newVue()会执行Vue构造函数的_init方法，_init方法被initMixin中扩展的，src\core\instance\init.jsexportfunctioninitMixin(Vue:Class){Vue.prototype._init=function(options?:Object){constvm:Component=this//auidvm._uid=ui
Ace丶·2021-01-01 23:36

vue源码分析（一）-源码入口

源码入口分析备注：仅用于自己学习源码过程中的总结，很多不详细和错误的部分后面优化vue提供不同的平台和版本，浏览器环境版本包括：Runtimeonly版本和Runtime+compiler版本。Runtime+compiler版本：newVue({template:'{{hi}}'}),需要将template中的字符串编译成render函数，需要用到compiler，具体在scripts\conf
Ace丶·2021-01-01 23:33

vue源码分析（二）-从new Vue到渲染到页面

_init方法newVue()会执行Vue构造函数的_init方法，_init方法被initMixin中扩展的，src\core\instance\init.jsexportfunctioninitMixin(Vue:Class){Vue.prototype._init=function(options?:Object){constvm:Component=this//auidvm._uid=ui
Ace丶·2021-01-01 23:53

vue源码分析（一）-源码入口

源码入口分析备注：仅用于自己学习源码过程中的总结，很多不详细和错误的部分后面优化vue提供不同的平台和版本，浏览器环境版本包括：Runtimeonly版本和Runtime+compiler版本。Runtime+compiler版本：newVue({template:'{{hi}}'}),需要将template中的字符串编译成render函数，需要用到compiler，具体在scripts\conf
Ace丶·2021-01-01 23:48

vue 中watch函数名_Vue函数中的process.env.NODE_ENV

之前准备看vue源码，查看了一篇引导文档，找到了核心方法。functionVue(options){if(process.env.NODE_ENV!=='production'&&!
胡思乱想的小朋友·2020-12-30 23:21

vue前端验证输入_入口开始解读Vue源码系列（一）——造物创世

作者：muwoo转发链接：https://github.com/muwoo/blogs/blob/master/src/Vue/1.md目录入口开始解读Vue源码系列(一)——造物创世本篇入口开始解读Vue
岳国强·2020-12-30 12:49

源码解读_入口开始解读Vue源码系列（二）——new Vue 的故事

作者：muwoo转发链接：https://github.com/muwoo/blogs/blob/master/src/Vue/2.md目录入口开始解读Vue源码系列(一)——造物创世入口开始解读Vue
就是雪·2020-12-30 12:49

Vue 源码实现: Reactive Data 响应式对象 Vue3 实现（使用 Proxy 实现）

Vue源码实现:ReactiveData响应式对象Vue3实现（使用Proxy实现）文章目录Vue源码实现:ReactiveData响应式对象Vue3实现（使用Proxy实现）简介参考完整示例代码正文响应式数据对象
超悠閒·2020-12-30 01:10

vue 源码解析(3-2-1,数据响应式)

Vue源码解析之前我们解析了mini-vue的响应式实现，和虚拟dom库的实现，现在我们就来解析一下vue内部具体是如何做的，看看它在我们简易实现上增加了什么。
Charon·2020-12-29 20:33

Vue源码学习（一）——追根究底Vue

打算开始学习vue的源码开始，我开始serach关键词：vue源码，可是发现很多都不是我想要看到的东西，所以打算记录下来，学习的记录和日后分享。我在想这个文章的名字时，手把手系列？十分钟系列？
小夫特·2020-12-29 20:46

Vue源码学习（二）——从宏观看Vue

上一篇文章我们写到从入口文件一步步找到Vue的构造函数，现在我们要去看看Vue实例化经历的过程Vue的构造函数我们知道Vue的构造函数在src/core/instance/index.js中,不明白的可以去看上一篇文章Vue
小夫特·2020-12-29 20:46

跟我一起读源码丨Vue源码之依赖收集

阅读源码，个人觉得更多的收获是你从源码中提炼到了什么知识点，Vue的很多核心源码都十分精妙，让我们一起来关注它「依赖收集」的实现。**tip：Vue版本：v2.6.12，浏览器：谷歌，阅读方式：在静态html引用Vue包进行断点阅读**文章篇幅有点长，泡杯咖啡，慢慢看~我从「依赖收集」中学习到了什么？1.观察者模式观察者模式的基本概念：观察目标发生变化->notify[通知]->观察者们->upd
前端精·2020-12-25 11:48

vue 源码解析(3-2-1)

Vue源码解析之前我们解析了mini-vue的响应式实现，和虚拟dom库的实现，现在我们就来解析一下vue内部具体是如何做的，看看它在我们简易实现上增加了什么。
Charon·2020-12-24 23:17

【Vue.js源码解析 一】-- 响应式原理

前言笔记来源：拉勾教育大前端高薪训练营阅读建议：建议通过左侧导航栏进行阅读课程目标Vue.js的静态成员和实例成员初始化过程首次渲染的过程数据响应式原理–最核心的特性之一准备工作Vue源码的获取项目地址
Alisone_li·2020-12-22 22:21

Vue源码解析——响应式篇

文章来源：我的博客概述这里的响应式，是指作为现在MVVM主流思想下的前端框架采用的一种数据驱动视图的方案，即对数据监测，来进行相应的DOM更新。而Vue实现的方案也是比较特别的，其很巧妙的借助JS原生的对对象进行监听的API来处理，一定程度上提升了性能，但是也有其缺陷的地方。三大框架的区别Angular:脏数据检测React:VirtualDOM对比更新Vue:借助Object.definePro
Dilomen·2020-12-21 08:07

vue 渲染函数处理slot_【Vue原理】Slot - 源码版之作用域插槽

写文章不容易，点个赞呗兄弟专注Vue源码分享，文章分为白话版和源码版，白话版助于理解工作原理，源码版助于了解内部详情，让我们一起学习吧研究基于Vue版本【2.5.17】如果你觉得排版难看，请点击下面链接或者拉到下面关注公众号也可以吧今天探索
weixin_39610488·2020-12-19 05:56

跟我一起读源码丨Vue源码之依赖收集

阅读源码，个人觉得更多的收获是你从源码中提炼到了什么知识点，Vue的很多核心源码都十分精妙，让我们一起来关注它「依赖收集」的实现。**tip：Vue版本：v2.6.12，浏览器：谷歌，阅读方式：在静态html引用Vue包进行断点阅读**文章篇幅有点长，泡杯咖啡，慢慢看~我从「依赖收集」中学习到了什么？1.观察者模式观察者模式的基本概念：观察目标发生变化->notify[通知]->观察者们->upd
前端精·2020-12-15 13:32

手把手带你解读Vue源码（一）...

本篇文章是Vue源码探秘的第一篇。在这一篇中，我主要是带大家做一些准备工作，介绍一下flow、源码目录和源码构建流程。认识flowflow是facebook出品的JavaScript静态类型检查工具。
weixin_39830175·2020-12-13 23:52

Vue 源码实现: Data Binding 双向数据绑定（使用 Object.defineProperty 实现）

Vue源码实现:DataBinding双向数据绑定（使用Object.defineProperty实现）文章目录Vue源码实现:DataBinding双向数据绑定（使用Object.defineProperty
超悠閒·2020-12-13 15:26

JavaScript函数柯里化实现原理及过程

简介当我们在读Vue源码到时候会发现，在它的_update实例中就用到了函数柯里化，（createPatchFunction方法）有兴趣的可以去看一下。
·2020-12-13 12:21

vue watch props 不触发_Vue源码全面解析四 initMixin函数（定义_init函数）

我们首先打开"/src/core/instance/init.js"文件，可以看到代码如下：exportfunctioninitMixin(Vue:Class){Vue.prototype._init=function(options?:Object){constvm:Component=this//auidvm._uid=uid++letstartTag,endTag/*istanbuligno
weixin_39874809·2020-12-12 08:13

Vue.js 框架源码与进阶 - Vue.js源码剖析 - 响应式原理（上）

响应式原理-成员初始化及首次渲染4.1准备工作Vue源码获取源码目录结构调试设置Vue的不同构建版本寻找入口文件从入口开始4.2Vue初始化Vue初始化过程整理四个导出Vue的模块Vue静态成员初始化Vue
时光海丶·2020-12-11 19:40

vue 筛选组件_来，送你一本免费的Vue源码解析！

合计8万多字的Vue源码分析终于告一段落了。过程不易，码字辛苦，希望走过路过的兄弟们能赏个赞，给个star，万分感谢。
weixin_39546520·2020-12-05 03:00

Vue源码研究

看源码的时候还去看了下Vue源码，感觉挺有意思的，打算好好研究下，这里持续更新本人的心得体会~vue-cli-service多环境首先在package.json里面script下面添加如下内容："scripts
一杯绿茶·2020-12-05 00:11

Vue源码研究

看源码的时候还去看了下Vue源码，感觉挺有意思的，打算好好研究下，这里持续更新本人的心得体会~vue-cli-service多环境首先在package.json里面script下面添加如下内容："scripts
一杯绿茶·2020-12-05 00:28

Vue源码学习 - 数据驱动

Vue源码学习-数据驱动数据驱动newVue()发生了什么总结-newVue()Vue实例挂载的实现总结-Vue实例挂载的实现render总结-renderVirtualDOM总结-VirtualDOMcreateElementchildren
陈坚泓·2020-11-28 18:06

vue component created没有触发_入口开始解读Vue源码系列（三）——initMixin

作者：muwoo转发链接：https://github.com/muwoo/blogs/blob/master/src/Vue/3.md目录入口开始解读Vue源码系列(一)——造物创世入口开始解读Vue
weixin_39753791·2020-11-25 05:35

重磅！Vue 3.0 发布公测版

上一次听到Vue源码开放的消息是去年的10.05,距今已经过去半年了，今天它离我们又近了一步，迎来公测版本(想哭，可能是因为头秃了吧)公测版本白话翻译:所有的RFCs已经合并并实现，VueCLI现在可以通过
刀哥·2020-11-23 22:03

从Vue源码的角度解析面试题[一]

经常见到有人问看某某某源码有没有用，从我个人的经历来说（虽然我的经历也不长），我觉得是很有用的，而且非常有用。看一些框架和库的源码可以让我们了解到其中的某些特性是怎么实现的，使我们对这些技术更加熟悉；另一方面，看源码的过程也是个学习的过程，你可以学习整个项目的架构，学习作者的思路，学习某个函数的实现，或者代码风格等等，因为很多东西是自己无论如何也想不到的，所以我们可以从一些优秀的项目的源码中去学习
ZZPFIRS·2020-11-22 15:07

Vue源码解读之Dep,Observer和Watcher

在解读Dep,Observer和Watcher之前，首先我去了解了一下Vue的数据双向绑定，即MVVM，学习于:https://blog.csdn.net/u013321...以及关于Observer和watcher的学习来自于：https://www.jb51.net/article/...整体过程Vue实例化一个对象的具体过程如下：新创建一个实例后，Vue调用compile将el转换成vnod
花花呀·2020-11-22 02:03
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他