vue源码

Vue源码分析(10)--实例分析computed和watch

前言本文是vue2.x源码分析的第十篇，主要看computed和watch的处理过程！实例代码Vue{{messages}}varvm=newVue({el:'#app',name:'app',data:{message:'message'},computed:{messages(){returnthis.message+'s'}},watch:{message(){alert('messagec
风之化身呀·2020-03-13 17:04

一起学习vue源码 - Object的变化侦测

58c61b4361ff4b005d9e894d简书：https://www.jianshu.com/u/cb1c3884e6d5微信公众号：土豆妈的碎碎念（扫码关注，一起吸猫，一起听故事，一起学习前端技术）码字不易，点赞鼓励哟~一.前言一起学习vue
小土豆biubiubiu·2020-03-12 10:00

vue源码8

源码大概4600-5600行functioninitRender(vm){vm._vnode=null;//therootofthechildtreevm._staticTrees=null;//v-oncecachedtrees//获取optionsvaroptions=vm.$options;varparentVnode=vm.$vnode=options._parentVnode;//the
小强不是蟑螂啊·2020-03-10 19:38

Vue 项目数据动态过滤实践

-)，过程中会涉及到一些Vue源码的概念比如$mount、renderwatcher等，如果不太了解的话可以瞅瞅Vue源码阅读系列文章~问题是这样的：页面从后台拿到的数据是由0、1之类的key，而这个key
强哥科技兴·2020-03-05 07:57

nextTick异步执行任务

最近开始看尤雨溪大神的vue源码，这算是开篇吧。打算从第一个版本开始，一个一个开始看，将看到的收获记录下来，也好督促自己坚持下去。
灰灰0421·2020-03-04 22:10

vue数据渲染

前两个过程在我们vue源码解读系列文章的上一期已经介绍过了，所以本文会接着上一篇文章继续往下解读，着重分析后两个过程。
山外de楼·2020-03-03 13:06

Vue 源码阅读笔记

注:路人读者请移步=>HuangYi老师的Vue源码阅读点这里,我写这一篇笔记更倾向于以自问自答的形式增加一些自己的理解,内容包含面试题范围但超出更多.自己提出的问题自己解决:core/vdom/patch.jssetScope
Xinxing_Li·2020-03-01 12:43

读vue源码感悟

1.使用for循环时，将items.length缓存，提高性能：for(vari=0,l=items.length;i
飞呀飞哥·2020-02-29 02:27

vue源码阅读 -- Typescript写法

前言vue源码看了有一段时间了,由于偷懒,一直没有做记录,今天重看,发现很多知识点有些遗忘,果然懒还是不能偷的...vue源码中用了Typescript的写法,当初看的时候,一脸懵,这里先大致记录下Typescript
一二三kkxx·2020-02-25 14:48

Vue源码分析(7)--实例分析v-if

前言本文是vue2.x源码分析的第七篇，主要看v-if的处理过程！实例代码Vuev-ifvarvm=newVue({el:'#app',name:'app',data:{show:true},});1总体流程通过第六篇的分析，可以知道，vue的编译挂载过程大致分为四个部分：1、将模板template转为ast结构的JS对象2、用ast得到的JS对象拼装render和staticRenderFns函
风之化身呀·2020-02-23 08:00

Vue源码分析(9)--实例分析响应式设计

前言本文是vue2.x源码分析的第九篇，主要看响应式设计的处理过程！实例代码Vue{{message}}varvm=newVue({el:'#app',name:'app',data:{message:'message',}});debugger;setTimeout(()=>vm.message='messages',0)1、关键断点initData(vm)proxy(vm,"_data",'m
风之化身呀·2020-02-22 19:30

2018W23 学习笔记

本周的学习共分为3块：ES6基础学习与深入；Vue源码阅读；前端进阶班的预习；下面我们按照上面模块一起去看一下本周我到底获得了哪些收货。1.ES6学习阅读完成《深入理解ES6》的第三章。
唐小无·2020-02-21 01:59

快速看懂Vue双向数据绑定原理

Vue源码的英文解释很详细。以下代码，仅仅用于原理的说明。参考滴滴商业FED阅读顺序建议粗略过代码，对照
斯文的烟鬼去shi吧·2020-02-17 08:34

【重学前端框架】Vue中对数组的处理（二）

Vue对数组的处理vue源码如下：vararrayProto=Array.prototype;vararrayMethods=Object.create(arrayProto);varmethod
贝er·2020-02-17 02:25

Vue源码分析(4)--实例的初始化过程

前言本文是vue2.x源码分析的第四篇，主要讲解vue实例的初始化过程init*系列！先看调用形式initLifecycle(vm);initEvents(vm);initRender(vm);callHook(vm,'beforeCreate');initInjections(vm);//在data/props之前处理注入，暂不清楚作用Unknown4.1，本节不分析initState(vm);
风之化身呀·2020-02-16 22:39

修改ant-degisn-vue源码实现月范围开始结束可选同一个月

很多年没更新了突然想起来,随便写点啥吧.这场新冠肺炎,影响太大了……记录下最近用vue+antdvant-degisn-vue时,日期控件的一个小问题,官方还总是不更新修改,自己动下手,记录下日期控件选择日期范围时,月模式,选择x月到y月,进入不能允许选择同一个月.修改月可选择同月1//文件:RangePicker.js23//位置:node_modules/ant-design-vue/es/d
MadGoat·2020-02-16 11:00

5.最俗学习之-Vue源码学习-合并策略(下)

源码地址这篇重点学习stratrealizes目录下的方法，主要就是学习Vue的合并策略首先推荐两位大神的文章，讲解的十分到位vue2.0源码解读之选项合并策略optionMergeStrategiesvue
木子tar·2020-02-16 05:33

Vue 项目数据动态过滤实践

-)，过程中会涉及到一些Vue源码的概念比如$mount、renderwatcher等，如果不太了解的话可以瞅瞅Vue源码阅读系列文章~问题是这样的：页面从后台拿到的数据是由0、1之类的key，而这个key
强哥科技兴·2020-02-14 20:38

Vue源码解析篇 (二）keep-alive源码解析

keep-alive是Vue.js的一个内置组件。它能够不活动的组件实例保存在内存中，我们来探究一下它的源码实现。首先回顾下使用方法举个栗子请点击exportdefault{data(){return{isShow:true}},methods:{handleClick(){this.isShow=!this.isShow;}}}在点击按钮时，两个组件会发生切换，但是这时候这两个组件的状态会被缓存
zhongmeizhi·2020-02-14 05:20

vue中的钩子函数（二）

生命周期图示1.beforeCreate和Created下面是Vue源码中调用beforeCreate和Created的时机initLifecycle(vm)initEvents
TingsLee·2020-02-13 00:09

Vue源码深入生命周期

当我们调用newVue的时候，事实上就调用的Vue原型上的_init方法.initLifecycle(vm)//lifecycle初始化生命周期initEvents(vm)//events初始化vm._events,主要是提供vm实例上的$on/$emit/$off/$off等方法initRender(vm)//初始化渲染函数,在vm上绑定$createElement方法callHook(vm,'
林立镇·2020-02-12 20:56

Vue源码解析三——选项合并

上一章Vue源码解析二——从一个小例子开始逐步分析看完规范化选项之后，再来看看合并阶段是如何处理的，接下来是mergeOptions函数剩下的代码：constoptions={}letkeyfor(keyinparent
snow_in·2020-02-12 01:46

数据动态过滤技巧在 Vue 项目中的实战

-)，过程中会涉及到一些Vue源码的概念比如$mount、renderwatcher等，如果不太了解的话可以瞅瞅Vue源码阅读系列文章~问题是这样的：页面从后台拿到的数据是由0、1之类的key，而这个key
前端js·2020-02-11 23:04

Vue 源码学习(1)

这个分享只是Vue源码系列的第一篇，主要讲述了如下内容：寻找入口文件在打包的过程中Vue发生了什么变化在Vue实例化的时候，它的内部到底做了什么寻找入口文件首先我们寻找入口文件，我们查看package.json
馒头加梨子·2020-02-11 16:00

Vue源码之初始化上篇

物有本末，事有终始，知所先后，则近道矣---《大学》在分析Vue初始化之前，我们先看看Vue源码的目录结构：Vue源码结构.png其中我们重点关注的是compiler(编译部分)、core(核心模块）、
海洋之木·2020-02-11 07:28

2019-12-20 周五 系统思考

今天分享的内容是vue源码实时编译这块儿的内容，讲解的思路很清晰，可以看出花费了很多时间，做了很多思考。掌握一门技术的前期都是靠时间累积，多多尝试练习，多多总结分享，没有捷径可走。
冰果2016·2020-02-10 23:59

vue中keepalive怎么理解？---vue中文社区

说在前面:keep-alive是vue源码中实现的一个组件,感兴趣的可以研究源码https://github.com/vuejs/vue/blob/dev/src/core/components/keep-alive.js
pwindy·2020-02-10 10:00

Vue源码探究-全局API

Vue源码探究-全局API本篇代码位于vue/src/core/global-api/Vue暴露了一些全局API来强化功能开发，API的使用示例官网上都有说明，无需多言。
喜欢唱歌的小狮子·2020-02-10 03:56

Vue源码阅读(二)

Vue实例  如果简单了解过些Vue的API的话，肯定会对一下这个特别熟悉，在上一篇里，分析了Vue的核心文件core的index.js构造vue函数执行的流程。newVue({el:'#app',router,store,components:{App},template:''})  那么上面这个则是实例化构造函数，也就是开始使用了，不管是作为框架，还是作为插件，都需要new一下。千呼万唤，我们
一许青衫一·2020-02-09 15:51

Vue源码（一）

1、作者源码实现一个简单的双向绑定ideal{{msg}}{{msg}}{{msg}}{{what}}{{hey}}varbindingMark='data-element-binding'//元素绑定标志functionElement(id,initData){varself=this,el=self.el=document.getElementById(id)bindings={}//内部副本
匿名信片·2020-02-09 10:56

对Vue生成AST算法的自己理解

在看vue源码的过程中,自己又了解了很多,不只加深了对vue本身的理解,也理解了正则,以及各种设计模式。正则的部分大家可以去看看我的上一篇文章。在开始这篇博客之前,我想说一说自己学习这一部分的经历。
Djknight·2020-02-08 11:49

Vue源码分析—组件化(一)

Vue.js另一个核心思想是组件化。所谓组件化，就是把页面拆分成多个组件，每个组件依赖的CSS、JavaScript、模板、图片等资源放在一起开发和维护。组件是资源独立的，组件在系统内部可复用，组件和组件之间可以嵌套。我们在用Vue.js开发实际项目的时候，就是像搭积木一样，编写一堆组件拼装生成页面。接下来我们会用Vue-cli初始化的代码为例，来分析一下Vue组件初始化的一个过程。importV
oWSQo·2020-02-07 21:45

Vue框架解读

作者一直在使用vue的框架开发各种管理台界面，最近随着产品页面越来越多，组件使用的数据越来越多时，页面的卡顿和掉帧很厉害，促使作者去解读一下vue源码Vue的生命周期直接先上代码functionVue(
cendechen·2020-02-07 10:59

Vue-源码详解mixin混入和合并策略

官方文档对mixin介绍比较少，不能了解甚少，于是便想研究下源码对它混入做个研究和总结本文基于Vue源码2.x版本一、说在前面在分析mixin之前，先看看两个方法，它们在混入的合并过程中扮演着重要的
凌晨的海鸥·2020-02-07 05:26

Vue源码阅读(三)

前言  前面两篇文章是关于构造函数Vue初始化过程中做了什么，其中涉及到mergeOptions这个方法，它将策略对象进行合并。之前没太搞懂这个方法的含义，只是整体上走了一遍构造函数Vue初始化的流程。这篇文章就好好研究一下这个方法的使用和含义。正文  在构造函数Vue的初始化过程中，首先调用_init方法，传入options参数，这个options参数就是我们在初始化构造函数Vue时，传入的参数
一许青衫一·2020-02-07 01:15

Vue源码解读——准备工作（一）

flowvue使用flow进行静态类型检查，学习flow有助于理解vue源码，了解flow。flow是什么？flow是facebook出品的js静态类型检查库。
wdapp·2020-02-05 18:28

2018-10-16

计划1、早期阅读追溯计划文章D7到240，阅读过程中做好笔记2、编写vue源码解析文章最核心的部分由于工作任务需求中断，重新梳理了下要写文章核心部分3、处理邀请达人上线后可能出现的问题已经上线4、零秒思考训练
Alee文润·2020-02-05 06:08

vue 源码学习（一）入门和响应式原理

如果觉得比较繁琐的，可以跳着看，里面也没有粘大量的源码，我会吧git上源码的链接贴出来，大家可以对照着源码链接或者把源码下载下来对照着看看了很久的vue的源码，也看了好多关于源码的贴子，自己也尝试了写了好几次vue
曹飞龙·2020-02-03 14:44

前端学习之一Vue.js笔记

学习任务1.1ES6为主ES6是基础一定要多敲，学好箭头函数、let/const、作用域、Promise、解构赋值1.2Vue.jsGitHub：https://github.com/vuejs/vueVue
慕慕_973e·2020-02-02 22:12

数据驱动2_Vue源码_适合小白

解决上一篇不足:Vdom(跟深拷贝类似)简单整合属性层级数据值和路径(函数柯里化技巧)为什么Vnode?一个标签上面的属性何其多个,不断的插入删除势必会造成浏览器卡顿,为了页面加载速度优化和提高性能Vnode就是用JS对象形式存储dom节点如:动态的创建增加无非用到这几个属性:nodeValue,nodeName,nodeType,attributes..Vdom:用构造函数的形式:classVn
未满·2020-02-01 06:35

修改vue源码实现动态路由缓存的方法

动态路由官网解读：我们经常需要把某种模式匹配到的所有路由，全都映射到同个组件。例如，我们有一个User组件，对于所有ID各不相同的用户，都要使用这个组件来渲染。那么，我们可以在vue-router的路由路径中使用“动态路径参数”(dynamicsegment)来达到这个效果。即如果你有一个盘点录入单路由，但你想通过不同的传不同的ID来加载CheckInputInfo这个组件，若采用params方式
唱跳rap和web·2020-01-21 11:27

Vue源码分析-自定义事件处理

Vue.js中有四个事件API可以用来处理自定义事件，分别是$on，$once，$off，$emit。初始化当引入Vue.js时会给VueFunction原型上绑定一些方法和属性。源码在vue-2.6.11/src/core/instance/index.jsfunctionVue(options){this._init(options)}initMixin(Vue)stateMixin(Vue)
My_Bells·2020-01-13 15:37

vue源码解读（五）从vue源码学习Typescript

欢迎star我的github仓库，共同学习~目前vue源码学习系列已经更新了6篇啦~https://github.com/yisha0307/...快速跳转：Vue的双向绑定原理（已完成）说说vue中的
yisha0307·2020-01-09 17:56

Vue源码解析（三）之 data

为什么可以直接使用data基于上一篇的demo,我们可以在mounted生命周期里获取messageimportVuefrom'vue'newVue({el:'#app',mounted(){console.log(this.message)},data(){return{message:'Hello'}}})message是定义在data里的，为什么通过this.message可以直接获取呢？在
Love小六六·2020-01-08 14:12

vue源码解读（四）Vue中的异步更新策略

欢迎star我的github仓库，共同学习~目前vue源码学习系列已经更新了6篇啦~https://github.com/yisha0307/...快速跳转：Vue的双向绑定原理（已完成）说说vue中的
yisha0307·2020-01-08 04:08

Vue源码解析（1）

1.目录结构首先看Vue源码的目录结构，找到一条主线，先把大体流程结构摸清楚，再深入到细节，逐项击破。vue目录.png源
Esa小喵·2020-01-06 06:36

由Vitrual Dom想到的

本文阐述的内容：Dom操作之重绘重排结合vue源码理解VitrualDom原理理解这一部分是为了的目的：学习思想进阶的第一部分很多东西不能只是会用，用的时候要理解其原理，知其所以然1.前言经常看到有人说某某操作多么浪费性能
Jmingzi_·2020-01-06 04:20

1.最俗学习之-Vue源码学习-引入篇(上)

源码地址前方高能！！！这只是一篇个人学习Vue.js源码的笔记，并非教程，鉴于个人水平有限，可能存在错误，还望各路大神指点文章内容极度粗俗，各种无脑分析，各种疯狂输出，各位看官斟酌而行，切勿走火入魔！！！Vue.js版本--2.1.7之所以选择这个是因为看了这位大神的分析，决定采用同一个版本，目前Vue已经发布了2.5.x了这里极力推荐大家去看看，据说这位大神的两篇源码分析都是经过尤大佬推荐的哦，
木子tar·2020-01-05 09:32

Vue源码浅析01

Vue源码大致可以理解分为：初始化属性、方法（Vue.use、***等等）和实例化（newVue）执行的一些方法两大部分。此系列文章主要是学习记录的笔记和大家分享，如果有不对的地方请及时指出。
taoxhsmile·2020-01-05 03:24

Vue源码分析(8)--实例分析v-*指令

前言本文是vue2.x源码分析的第八篇，主要看v-*指令的处理过程！实例代码Vue{{pre}}-->-->-->{{pre}}-->{{item}}-->{{cloak}}-->{{once}}-->v-show-->click-->-->varvm=newVue({el:'#app',name:'app',data:{items:[1,2,3],pre:'v-pre',once:'v-once
风之化身呀·2020-01-04 01:08
上一页 22 23 24 25 26 27 28 29 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他