vue源码

手把手带你解读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

import vue from vue_入口开始解读Vue源码系列（二）——new Vue 的故事

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

Vue源码--组件注册

一、了解组件注册的两种方式1.1全局组件的注册方法//main.jsimportVuefrom'vue'importAppfrom'./App'importrouterfrom'./router'Vue.config.productionTip=falseletHello={name:'hello',template:'这是全局组件hello'}Vue.component('hello',Hell
winter·2020-11-19 11:02

Vue源码学习---调试环境的搭建

注意：文件的目录里边最好不要有中文！！！调试环境搭建1.安装依赖npmi(注意：win10需要管理员权限打开vscode)2.安装rollupnpmi-grollup(rollup是打包工具，用于打包纯代码项目)3.修改dev脚本"dev":"rollup-w-cscripts/config.js--sourcemap--environmentTARGET:web-full-dev",(添加sou
酱酱子_·2020-11-16 23:56

vue源码知识点-passive

vue源码知识点-passive参考EventTarget.addEventListener()passive的作用和原理移动端Web界面滚动性能优化:Passiveeventlisteners源码截取
suri·2020-11-13 23:36

日常问题学习

最后的面试题例子，如果打印的话就是执行隐式转换的toSTringconsole.log应该也算是一种赋值操作吧vue源码的patch也用了函数柯里化，就是为了把执行在多个平台的patch函数分开，而不是在函数里面进行判断
小螃蟹_5f4c·2020-10-29 18:16

看完这篇终于搞明白了vue源码中的diff算法

updateChildren方法主要通过while循环去对比2棵树的子节点来更新dom,通过对比新的来改变旧的，以达到新旧统一的目的。通过一个例子来模拟一下：假设有新旧2棵树，树中的子节点分别为a,b,c,d等表示，不同的代号代表不同的vnode，如：在设置好状态后，我们开始第一遍比较，此时oldStartVnode=a,newStartVnode=a;命中了sameVnode(oldStartV
llp5210·2020-10-26 10:56

面试五 vue源码解析

文章目录综述vue源码分析说明准备知识数据代理模板解析大括号事件指令一般指令数据绑定dep和watcher的关系MVVM结构图双向数据绑定vuex状态自管理应用多组件共享状态的问题vuex-counter
Lomon6·2020-10-20 10:40

Vue源码解读2——Vue实例挂载实现

以src/platform/web/entry-runtime-with-compiler.js中的$mount为例//缓存了原型上的$mount方法，再重新定义该方法constmount=Vue.prototype.$mountVue.prototype.$mount=function(el?:string|Element,hydrating?:boolean):Component{el=el&
Jane_96·2020-10-18 11:12

vue源码中值得学习的方法

vue源码中值得学习的方法1.数据类型判断2.利用闭包构造map缓存数据3.二维数组扁平化4.方法拦截5.继承的实现6.执行一次7.递归判断一个对象是否和另个一个对象完全相同1.数据类型判断Object.prototype.toString.call
陈坚泓·2020-10-15 00:50

Vue源码解读1—— 定义

Vue定义entry-runtime-with-compiler.js文件为入口runtime/index：在Vue原型上挂载了__patch__、$mount方法core/index：注册全局api,Vue.prototype添加$isServer,$ssrContext,FunctionalRenderContext属性instance/index：定义VuefunctioninitMixin
Jane_96·2020-10-12 16:43

学习vue2.5源码之开篇（我的学习方法和学习目标）

开篇平时在项目上都是使用vue，可以说是vue的小迷弟一枚了，利用空闲时间学习一下vue源码，这样既能帮助我们更加理解vue框架，更加熟练的使用它，就算遇到报错也能迅速知道问题出来哪里，也提高了我们阅读代码理解代码的能力
Rocky_Wong·2020-10-10 04:45

vue源码中值得学习的方法

最近在深入研究vue源码，把学习过程中，看到的一些好玩的的函数方法收集起来做分享，希望对大家对深入学习js有所帮助。如果大家都能一眼看懂这些函数，说明技术还是不错的哦。
chinamasters·2020-10-10 01:08

Vue源码探索之知识小储备 ——01.Object.defineProperty VS proxy

写在前面知识就是力量。——安琪拉知识就是力量，但更重要的是运用知识的技能。——培根本文主要介绍了vue实现响应式数据/双向绑定原理的基础API的使用方法及拓展知识。vue2基于Object.defineProperty，vue3基于proxy。本文做了详细描述和对比。响应式数据/双向绑定原理Vue数据双向绑定主要是指：数据变化更新视图，视图变化更新数据。其中，View变化更新Data，可以通过事件
捡代码的小女孩·2020-09-27 08:51

Vue源码解析（一）：初步了解Vue源码结构

Vue源码其实可以理解为一
明里人·2020-09-26 14:55

vue源码里的方法封装（一）

functionisUndef(v){returnv===undefined||v===null}这个方法其实很简单，就是判断一个字段是否被定义，即是不是空，如果是空返回true，不是空返回falsefunctionisDef(v){returnv!==undefined&&v!==null}这个方法跟上一个方法原理上是一样的，就是判断一个字段是否被定义，即是不是空，如果是空返回false，不是空
燕妮666_·2020-09-23 10:46

Vue进阶面试必问，异步更新机制和nextTick原理

vue已是目前国内前端web端三分天下之一，同时也作为本人主要技术栈之一，在日常使用中知其然也好奇着所以然，另外最近的社区涌现了一大票vue源码阅读类的文章，在下借这个机会从大家的文章和讨论中汲取了一些营养
全栈修炼·2020-09-22 08:16

SpringBoot整合VUE源码打包成jar部署——解决步骤和踩坑记录

一、前言项目是前后端分离的springboot+vue，之前都是前后端分开部署的，前端打成dist，后端打成war包部署到tomcat。突然项目来个需求，需要将前端的vue整合到后端的springboot打包成jar包部署，鄙人才疏学浅一时间不知如何处理，只能网上找各种资料。期间踩了很多坑，最后总算是解决了。二、解决的步骤1、vue打包放到spingboot项目下面首先vue打成dist包，发给后
qq_33388068·2020-09-20 10:31

VUE源码解析——Object、Array变化侦测原理解析，学习Vue中如何实现数据的响应式系统，从而达到数据驱动视图。

VUE源码解析——Object变化侦测原理解析，学习Vue中如何实现数据的响应式系统，从而达到数据驱动视图。学习Vue中如何实现数据的响应式系统，从而达到数据驱动视图。一、什么是变化侦测？
大吕十六 不见长安·2020-09-18 11:22

Vue源码解读之v-model

v-model简介v-model是Vue用于表单元素上创建双向数据绑定，它本质是一个语法糖，在单向数据绑定的基础上，增加了监听用户输入事件并更新数据的功能。请看官网对v-model的介绍：https://cn.vuejs.org/v2/api/#...v-model源码解析genDirectivesVue初始化组件时通过genDirectives(el,state)初始化指令。（这里的el已经通过
weixin_33714884·2020-09-17 09:35

Vue源码 - 关于v-model的深度解析

双向数据绑定这个概念或者大家并不陌生，视图影响数据，数据同样影响视图，两者间有双向依赖的关系。在响应式系统构建的上，中，下篇我已经对数据影响视图的原理详细阐述清楚了。而如何完成视图影响数据这一关联？这就是本节讨论的重点：指令v-model。一：表单绑定1-基础使用v-model和表单脱离不了关系，之所以视图能影响数据，本质上这个视图需要可交互的，因此表单是实现这一交互的前提。表单的使用以为核心，更
EarlEcho·2020-09-17 08:02

provide与inject实用技巧

二、正文1、首先观察Vue源码
happy任·2020-09-17 07:18

学习Vue的SSR，这可能是最好的教程

0.ServerSideRender使用0.1上手SSRVue提供一个npm包叫做vue-server-renderer，它是在vue源码中的server目录中单独打包出来作为服务端渲染的依赖包，包的名称已经讲清楚了
Weybn·2020-09-17 02:09

Vue源码之指令细节

前言指令是Vue提供的复用手段之一，除了内置的v-if、v-show、v-text等还支持自定义指令。Vue中代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通DOM元素进行底层操作，这时候就会用到自定义指令。本文是通过源码来梳理指令的执行流程，从而加深对指令的理解。指令执行流程实际上自定义指令需要清楚相关钩子函数的时机，从而集合实际场景做相关处理，钩子函数如下：bind：只调用一
玉案轩窗·2020-09-16 19:09

Vue源码之生命周期细节

前言Vue实例被创建过程中会经历一系列的初始化过程，同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。Vue官网的生命周期流程图有着非常重要的参考意义，基本上概括了整个vue实例创建过程中重要点。本文内容分为2块：以生命周期为标志去分析Vue实例被创建的过程父子组件生命周期执行顺序Vue初始化过程上图是依据生命周期的简要流程图，可以很清晰的知道相关生命周
玉案轩窗·2020-09-16 19:08

vue.js 设置div的显隐交换

Vue源码：newVue({el:'#app',data:{Showdiv1:true,//div1显示Showdiv2:false//div2隐藏}methods:{change(){//触发事件if
water_Popcorn·2020-09-16 14:17

vue源码分析-初始化操作

vuefunctionVue(options){//vue必须通过new关键字创建，否则报错if(process.env.NODE_ENV!=='production'&&!(thisinstanceofVue)){warn('Vueisaconstructorandshouldbecalledwiththe`new`keyword')}this._init(options)}1.vueinit方
mango_xin·2020-09-16 10:13

Vue.js源码——事件机制

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

Vue js with语句原理及用法解析

vue源码中编译部分有下面一段代码，里面用到了with：exportfunctiongenerate(ast:ASTElement|void,options:CompilerOptions):CodegenResult
·2020-09-15 17:30

一篇文章带你从零快速上手Rollup

正好之前看vue源码，知道vue也是通过rollup打包的。这次又是开发类库的，于是就快速上手了rollup。本篇文章是我有了一定的项目实践后，回过来给大家分享一下如何从零快速上手rollup。
·2020-09-15 06:40

实例学习Vue源码第三篇-Vue的响应式原理

实例学习Vue源码第三篇-Vue的响应式原理1.观察者（Observer）构造函数walk函数defineReactive$$1（）函数Object.defineProperty（）函数2.发布者（Dep
美兮，乐兮·2020-09-15 03:18

实例学习Vue源码第二篇-浅析初始化到挂载过程

实例学习VUE源码（二）Vue实例初始化过程Vue的构造函数Vue原型链中的_init函数初始过程重点关注函数：1.vm.
美兮，乐兮·2020-09-15 03:18

实例学习Vue源码第一篇-实例

实例学习VUE源码（一）实例代码实例解析实例渲染过程实例代码Portal{{reversedMessage}}{{message}}varChildComponent={template:'自定义组件!
美兮，乐兮·2020-09-15 03:18

Vue源码学习笔记——组件挂载及创建

准备工作备注：案例中使用的vue版本全部为2.6.10gitclonehttps://github.com/vuejs/vue.gitnpminstall进入package.json，在script中增加"dev:read"命令,具体如下"scripts":{//方便源码阅读"dev:read":"rollup-w-cscripts/config.js--sourcemap--environmen
connie__wu·2020-09-15 00:06

从分析Vue UI组件库到自己写组件库

优秀的VueUI组件库集合一、VUEUI组件之MUSEUI分析首先我先从这一款组件源码进行剖析（1）checkbox组件如何实现呢：checkbox.vue源码如下看过去代码好多行，由于checkbox
weixin_30906185·2020-09-14 08:50

vue源码分析——从实例化到渲染流程

本文为vue源码介绍系列的第一篇，主要归纳整合vue实例化，将render函数转为vnode到生成
自由的♂·2020-09-13 23:16

vue源码详解- methods的初始化

Vue源码详解-methods的初始化1、执行方法时，this.onBtnClick('noven')，这个this指向谁？
最爱松露巧克力·2020-09-13 23:39

Vue2.0源码思维导图-------------Vue 初始化

上一节看完《Vue源码思维导图-------------Vue构造函数、原型、静态属性和方法》，这节将会以newVue()为入口，大体看下this._init()要做的事情。
antuo8190·2020-09-13 21:31
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他