vue源码

03Vue基础版实现

Vue源码实现理解Vue的设计思想MVVM模式image.pngMVVM框架的三要素：数据响应式、模板引擎和渲染数据响应式：监听数据变化并在视图中更新Object.defineProperty()Proxy
LM林慕·2020-07-08 12:49

Vue源码学习之三：总的框架

这一篇其实非常水，没什么实质性内容，只是把Vue源码内部的东西都抽空了，放出一个空的架子出来。
duiel·2020-07-08 11:00

对vue的mvvm的个人理解

对vue的mvvm的个人理解vue的mvvm响应式原理这个问题困扰了我好久；就在不久之前，我看了一段讲vue源码的视频，终究是对mvvm的响应式原理有了一点个人的理解；mvvm即model-view-viewmodel
奇S妙想·2020-07-08 03:53

vue动态添加、删除子组件

实现的功能：1、父组件中点击“新增按钮”，新增一个子组件2、在子组件中点击“删除按钮”，删除对应的子组件源码：父组件Parent.vue源码添加importChildrenfrom'@/components
马晨宇·2020-07-07 16:57

vue进阶问题

keep-alive是vue源码中实现的一个组件,感兴趣的可以研究源码https://github.com/vuejs/vue/blob/dev/src/core/components/keep-alive
咸鱼与梦想·2020-07-07 03:20

Vue源码解析之_update函数（六）

在$mount函数中，主要是调用了mountComponent函数，而该函数最后主要是调用了updateComponent函数，上一次我们分析了render函数的功能（主要是利用createElement函数生成vnode），那么_update函数主要做了什么首先，可以看到在'src/core/instance/lifecycle.js'中在Vue原型上定义了私有方法_update，在整个函数中，
web喵喵·2020-07-06 10:38

Vue源码分析总结

前言时隔半年，再写一篇关于vue源码的总结文章，期间刚好工作了半年(也刚好用了半年vue)，也陆陆续续地看了一些别人写的源码分析。这里再记下对vue的认识。
风之化身呀·2020-07-05 23:06

2018-10-13

Day30计划1、早起阅读追溯计划文章--早上阅读完成了计划2、上午阅读理解vue源码watcher部分源码，先总结思维导图--重点阅读了watcher源码解析部分的文章，vue源码非常强大，文章还没有看完
Alee文润·2020-07-05 06:25

vue 路由hash和history的区别

vue源码中是通过window.location.hash改变路由，会在浏览器的访问历史中增加一个记录。
pamerely·2020-07-04 03:14

Vue源码分析(6)--编译过程分析(1)

前言本文是vue2.x源码分析的第六篇，主要讲解编译compile过程！调用方式varcompiled=compile(template,options);1分析compile//tips:请结合断点调试，该函数位于闭包createCompiler中，有的变量是在上层函数中定义的functioncompile(template,options){varfinalOptions=Object.cre
风之化身呀·2020-07-04 02:27

从零开始学习Vue源码(二) —— 响应式系统

从零开始学习Vue源码——响应式基本原理这里实现一个简易版本的响应式系统来形象的理解数据是如何在初始化的时候被劫持，以及如何在修改时更新视图的。
colliZ·2020-07-01 23:00

Vue源码01 详解 vue 的 diff 算法

本文由简悦SimpRead转码，原文地址https://juejin.im/post/5affd01551882542c83301da前言目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，一起来get吧。先来了解几个点…1.当数据发生变化时，vue是怎么更新节点的？要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会
多拉斯基·2020-07-01 23:00

深入vue源码，了解vue的双向数据绑定原理

大家都知道vue是一种MVVM开发模式，数据驱动视图的前端框架，并且内部已经实现了双向数据绑定，那么双向数据绑定是怎么实现的呢？先手动撸一个最最最简单的双向数据绑定1234567vartext=document.getElementById('text')8varspan=document.getElementById('show')9varobj={}10Object.definePropert
diaoyunqiu7160·2020-07-01 22:57

Vue源码解读之组件为何采用异步渲染 ( nextTick的实现原理 )

前言有人说：是为了提高性能，对，根本上也是这么个道理；那到底是如何做的呢?其实在vue中，响应式数据是组件级的，也就是说，每一次的更新都是渲染整个组件，如果是同步的话，根据我们前边理解的响应式数据原理，一旦修改了data属性，便会触发对应的watcher，然后调用对应watcher下的update方法更新视图，那么结果显而易见，太频繁了！如下代码：//省略多余模板语法data(){a:1,b:2,
Hi-Sen·2020-07-01 10:33

Vue源码学习之核心目录分析

在github下载Vue源码后在本地编辑器打开src文件夹：compiler目录包含了Vue.js所有编译相关的代码。它包括把所有模板解析成ast语法树，ast语法树优化，代码生成等功能。
CC_Together·2020-07-01 08:18

vue源码阅读——vue生命周期

这是官网上一个最简单的例子{{message}}varapp=newVue({el:'#app',data:{message:'HelloVue!'}})接下来我通过在chrome中一步步运行代码来理清其内部逻辑。首先当然是调用构造函数functionVue(options){if(process.env.NODE_ENV!=='production'&&!(thisinstanceofVue))
丨ouo丨·2020-06-30 14:29

剖析Vue原理&实现双向绑定MVVM

1、了解vue的双向数据绑定原理以及核心代码模块2、缓解好奇心的同时了解如何实现双向绑定为了便于说明原理与实现，本文相关代码主要摘自vue源码,并进行了简化改造，相对较简陋，并未考虑到数组的处理、数据的循环依赖等
涵一·2020-06-30 07:23

前端进阶高薪必看-正则篇

此系列作为笔者之前发过的前端高频面试整理的补充会比较偏向中高前端面试问题当然大家都是从新手一路走过来的感兴趣的朋友们都可以看哈闲谈说起正则大家第一反应肯定是各种表单验证什么用户名密码邮箱…的确前端使用正则进行用户输入验证是最常见的场景但是我相信大多数的前端都忽略了正则这一块的知识点和我一样Ctrl+cCtrl+v各种正则表达式就到手了哈哈直到我看Vue
【电:15690273307】·2020-06-29 17:07

【Vue原理】Vue源码阅读总结大会 - 终

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

vue源码分析之数据代理

Vue大家都不陌生了，用的人也很多，但大家对里面的数据代理，模板解析渲染，v-开头的事件指令和一般指令，数据强制绑定，双向数据绑定如何实现的是否也产生过好奇，接下来几篇，我们来一起探讨一下这些东西，首先从比较简单的数据代理开始。数据代理就是通过一个对象代理来对另一个对象中的属性实现读和写的操作。好处就是很大程度上方便了我们操作数据。在vue中，我们是不是经常通过this.msg就拿到了data中的
MasonEast·2020-06-29 13:46

vue进阶之路（vue源码解析）死磕vue源码（一）

vue源码解析大局观（梳理执行流程）上次写了一个简单版的vue其实就是通过读源码，加上看一些前辈的博客撸出来的。但是呢其实vue的源码我并没有看的太明白…，于是产生了死磕之心。
前端小阿飞·2020-06-29 07:51

剖析vue内部运行机制

掘金小册-剖析Vue.js内部运行机制Vue.js技术揭秘Vue源码分析Vue面试题尤雨溪讲解vueVue的实质Vue实际上是一个方法类，在原型上扩展了很多方法源码目录：src/core/instance
star-1331·2020-06-29 00:52

vue.use()做了什么

initUse的源码：//Vue源码文件路径：src/core/global-api/use.jsimport{toArray}from'..
weixin_34348111·2020-06-28 17:17

vue 源码 断点调试

1、添加sourceMapsourceMap:true2、npmrundev会生成vue.js.map3、断点调试vue源码测试{{item}}varapp=newVue({el:'#app',data
weixin_34309543·2020-06-28 16:12

vue(8) - 收藏集 - 掘金

2017百度前端技术学院——vue源码分析之动态数据绑定一-前端-掘金一、Object.keys()Object.keys()方法会返回一个由给定对象的所有可枚举自身属性的属性名组成的数组，数组中属性名的排列顺序和使用
weixin_34162228·2020-06-28 12:25

剖析Vue原理&实现双向绑定MVVM

1、了解vue的双向数据绑定原理以及核心代码模块2、缓解好奇心的同时了解如何实现双向绑定为了便于说明原理与实现，本文相关代码主要摘自vue源码,并进行了简化改造，相对较简陋，并未考虑到数组的处理、数据的循环依赖等
weixin_33974433·2020-06-28 09:56

从Vue.js源码角度再看数据绑定

在学习过程中，为Vue加上了中文的注释github.com/answershuto…，希望可以对其他想学习Vue源码的小伙伴有所帮助。可能会有理解存在偏差的地方，欢迎提issue指出，共同学习，共
weixin_33968104·2020-06-28 08:19

vue源码解析之npm run build发生了什么？

npmrunbuild发生了什么？最近总是感觉对vue的一些用法和语句还是不理解，于是决定撸一下源码，用于加深自己对vue的理解，同时vue主要是通过rollup进行打包编译，因为它相比webpack更加轻量，行了，废话不多说了，开始了！如上图所示，当我们执行npmrunbuild命令的时候，首先package.json会将其解析为nodebuild/build.js，执行这个目录，我们看看这个目
weixin_33881140·2020-06-28 07:09

vue源码阅读之数据渲染过程

在日常使用中知其然也好奇着所以然，因此尝试阅读vue源码并进行总结。本文旨在梳理初始化页面时data中的数据是如何渲染到页面上的。本文将带着这个疑问一点点“追究”vue的'思路'。
weixin_33860722·2020-06-28 06:38

Vue源码详解之nextTick：MutationObserver只是浮云，microtask才是核心！

原发于我的博客。前一篇文章已经详细记述了Vue的核心执行过程。相当于已经搞定了主线剧情。后续的文章都会对其中没有介绍的细节进行展开。现在我们就来讲讲其他支线任务:nextTick和microtask。Vue的nextTickapi的实现部分是Vue里比较好理解的一部分，与其他部分的代码也非常的解耦，因此这一块的相关源码解析文章很多。我本来也不准备单独写博客细说这部分，但是最近偶然在别人的文章中了解
weixin_33766168·2020-06-28 05:07

Vue源码探究-事件系统

Vue源码探究-事件系统本篇代码位于vue/src/core/instance/events.js紧跟着生命周期之后的就是继续初始化事件相关的属性和方法。
weixin_33682790·2020-06-28 03:27

vue源码阅读——合并options

vue里面，我们是可以自己传一些数据进去的。比如说varvm=newVue({el:'#app',data:{message:'HelloVue!'}})像这种的话，我们在newVue的时候传了一个对象。就是{el:'#app',data:{message:'HelloVue!'}}那么其实我们新建的这个Vue实例，会在代码运行后增加很多新的东西进去。我们把我们传入的这个对象叫options，这篇
丨ouo丨·2020-06-27 18:13

Vue源码解析(一)

前言:接触vue已经有一段时间了,前面也写了几篇关于vue全家桶的内容,感兴趣的小伙伴可以去看看,刚接触的时候就想去膜拜一下源码~可每次鼓起勇气去看vue源码的时候,当看到几万行代码的时候就直接望而却步了
vv_小虫·2020-06-27 11:40

2年前端，不懂源码...

Vue3.0beta版的更新，再次成为行业热门话题，几乎所有人都在聊Vue源码，说它很重要。但真正掌握了多少，还得经常问问自己。下面这些题目，你能回答出来几个：编写高效的CSS应该注意什么？
JavaScript_w·2020-06-27 10:35

手写简易版Vue源码之数据响应化的实现

笔者近期正在研究Vue源码，在此过程中尝试实现一个简易版的Vue，而实现Vue的第一步便是解决数据响应化的问题。以下便是对Vue响应化的简易版实现。
星河阅卷·2020-06-26 23:16

Vue双向数据

msg：目前我看的这个是Vue的1.0.8版本，这个版本是vue源码最后使用ES2015进行编写的一个版本。我的目标是看完这
废废_汪先森_·2020-06-26 16:32

vue源码(五)-vue虚拟dom和diff对比

vue源码(五)-vue虚拟dom和diff对比一、虚拟DOM1、概念虚拟DOM(VirtualDOM)是对DOM的JS抽象表示，它们是JS对象，能够描述DOM结构和关系。
suwu150·2020-06-26 16:07

vue源码(四)-vue项目配置和入口文件，数据响应化处理

vue源码(四)-vue项目配置和入口文件，数据响应化处理一、获取vue项目代码项目地址:https://github.com/vuejs/vue迁出项目:gitclonehttps://github.com
suwu150·2020-06-26 16:07

vue源码(六)-vue组件化机制

vue源码(六)-vue组件化机制在注册一个组件的时候，我们始终需要给它一个名字。
suwu150·2020-06-26 16:07

深入浅出vue：实战中的性能优化和代码规范（持续更新）

笔者前面写了好多关于vue的文章（专栏也有两个），有关于vue源码部分的，也有笔者总结的实战demo。但其实，笔者一直想分享出来的，也是希望给自己做个持续总结的，还是关于性能优化和代码规范方面的。
云小梦·2020-06-26 02:11

VUE源码解析之变化侦测(一)

  变化侦测主要分为两种类型，一种是“推”(push)，另一种是“拉”(pull)。  Angular和React中的变化侦测都属于“拉”，这就是说当状态发生变化时，它不知道那个状态变了，只知道状态有可能变，然后会发送一个信号告诉框架，框架内部接收到信号后，会进行一个暴力比对来找出哪些DOM节点需要重新渲染。这在Angular中是脏数据检查的流程，在React中使用的是虚拟DOM。  而Vue.j
0斌果0·2020-06-25 15:18

深入理解vue.js——组件

熟悉vue或者研究过vue源码的同学都知道，组件是vue最重要的部分之一，而写组件由两种常见的方式：template模板render渲染函数式的template式的组件template式的组件有两种常见的形式
缘自世界·2020-06-25 12:06

8.最俗学习之-Vue源码学习-数据篇(下)

源码地址newWatcher(vm,expOrFn,cb,options)，对于这个对应的文件在src/observer/watcher.js关于这个也看了很多的文章，自己也有写了学习的笔记，不过最后还是决定引用一篇文章，因为大概的思路也就是这样子，然后再Vue的实现里面还有很多复杂的东西，我也没怎么看懂，但是那些都是一些辅助的东西，并不是主要的核心功能，看完下面这篇文章即可明白dep和watch
Viver-Li·2020-06-25 12:07

Vue源码解读——Vue响应式原理

文章目录序言源码解读从入口开始initDataobserve函数Observerwalk函数defineReactive依赖收集Watcher依赖更新序言Vue是当前最流行的框架之一，现在很多项目都或多或少都会用到Vue。所以了解Vue的响应式原理对我们意义非凡，有利于…我们直接开始吧源码解读从入口开始Vue对数据进行响应式的处理的入口在src/core/instance/state.js文件下的
当年明月又天涯·2020-06-25 10:31

vue源码（五）Vue 选项的规范化

本文是学习vue源码，之所以转载过来是方便自己随时查看，在这里要感谢HcySunYang大神，提供的开源vue源码解析，写的非常非常好，简单易懂，比自己看要容易多了，他的文章链接地址是http://hcysun.me
nicexibeidage·2020-06-24 17:21

vue源码（六）Vue 选项的合并

本文是学习vue源码，之所以转载过来是方便自己随时查看，在这里要感谢HcySunYang大神，提供的开源vue源码解析，写的非常非常好，简单易懂，比自己看要容易多了，他的文章链接地址是http://hcysun.me
nicexibeidage·2020-06-24 17:21

vue源码学习总结 prop data method computed 的命名冲突处理策略

vue组件属性命名冲突处理策略当propdatamethodcomputed的key值冲突,获取值优先级策略如下：computed>data>methodcomputed>method>propprop>data在源码src/instance/state.js的initState中，方法的执行顺序为initProps>initMethods>initData>initComputed,后面初始化的
漫疏狂·2020-06-24 11:53

Vue源码阅读之5渲染初始化

前面的章节讲述了从创建到BeforeCreated的前两个过程生命周期初始化和事件的初始化，这里讲述这里的最后一个过程渲染初始化，渲染初始化完成之后便完成了BeforeCreated。exportfunctioninitRender(vm:Component){vm._vnode=nullconstoptions=vm.$optionsconstparentVnode=vm.$vnode=opti
jifukui·2020-06-23 22:31

vue源码学习：Object.defineProperty 对象属性监听

参考版本vue源码版本：0.11相关vue实现双向数据绑定的关键是Object.defineProperty，让我们先来看下这个函数。
ijarvis·2020-06-23 21:00

我未来的学习之路

前端掌握githttps://www.liaoxuefeng.com/wiki/896043488029600#0读透vue源码https://vue-js.com/learn-vue/reactive
你猜好不好·2020-06-23 06:39
上一页 20 21 22 23 24 25 26 27 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他