vue源码

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

2019最新Web全栈架构师第九期视频教程全套

如需下载教程，请到原文链接下载视频好不好，谁看谁知道，话不多说，先看目录：课件代码软件资料01课vue核心API&&组件设计（2019.3.15）02课Vue-router&Vuex（2019.3.18）03课vue
di_pingxian·2020-06-23 04:18

VueJs 源码解析 （四） initRender.Js

vueJs源码解析（四）initRender.Js在之前的文章中提到了vuejs源码中的架构部分，以及谈论到了vue源码三要素vm、compiler、watcher这三要素，那么今天我们就从这三要素逐步了解清楚
ankuailan3925·2020-06-22 14:05

简易Vue源码实现

index.html文件{{name}}{{age}}呵呵constkaikeba=newKVue({el:'#app',data:{name:"Iamtest.",age:12,html:'这是⼀个按钮'},created(){console.log('开始啦')setTimeout(()=>{this.name='我是测试'},1500)},methods:{changeName(){this
abcd2144163·2020-06-22 12:29

vue源码阅读记录（一）

在进行过无数次Vue源码阅读未果后，这次要再一次认真的阅读，小白起步咯1阅读第一步是什么？
WenYuShuang·2020-06-22 08:04

「源码级回答」大厂高频Vue面试题（上）

写在前面（不看错过一个亿）最近一直在读Vue源码，也写了一系列的源码探秘文章。
前端森林·2020-06-22 02:20

vue源码学习-初始化生命周期和事件队列

initLifecycle主要是进行一些变量的初始化exportfunctioninitLifecycle(vm:Component){constoptions=vm.$options//locatefirstnon-abstractparentletparent=options.parentif(parent&&!options.abstract){while(parent.$options.a
halapro_liu·2020-06-21 20:22

Vue+stylus实现自定义文字的loading组件

loading.vue源码：{{title}}exportdefault{props:{title:{type:String,default:'正在载入...'}}}
ECMAScripter·2020-06-21 20:10

vue源码解析（一）——初始化流程及数据响应式过程梳理

学习目标vue源码分析（一）掌握源码学习方法初始化流程梳理深入理解数据响应式过程配置环境首先拷贝源码：gitclonhttps://github.com/vuejs/vue.gitcd.
哦哈哈·2020-06-21 03:53

Vue源码阅读，如何渲染代码块生成？ 本文详解

1.构造compiler个人觉得本章可以大概看看我写的内容最有效的方法是查看测试用例很详细覆盖很全面这一段比较绕，主要是包装compile，最终暴露出compile本身以及包装后的compileToFunctions1.1compiler和compileToFunctions的基础baseCompile它是对src/compiler包下暴露出的核心parse进行初步包装，我们知道parse传入te
编程叫兽·2020-06-20 22:25

Vue源码阅读(一) 准备工作

1.前言vue版本：2.6.11vue-router仓库：https://github.com/vuejs/vuevue-router文档：https://cn.vuejs.org/文章时间：2020-06-162.开发模式npmrundev，即运行package.json中的dev命令，其目的是把src/目录下的相关文件打成为dist/vue.js文件。2.1解析dev命令首先我们看看packa
方木一·2020-06-17 16:00

Vue源码阅读，如何渲染代码块生成？ 本文详解

1.构造compiler个人觉得本章可以大概看看我写的内容最有效的方法是查看测试用例很详细覆盖很全面这一段比较绕，主要是包装compile，最终暴露出compile本身以及包装后的compileToFunctions1.1compiler和compileToFunctions的基础baseCompile它是对src/compiler包下暴露出的核心parse进行初步包装，我们知道parse传入te
程序员的人生A·2020-06-15 21:00

Vue源码03-响应式原理

这节将专门讲解vueMVVM响应式处理image.pngVue采用的是数据劫持+观察者模式实现数据的响应式数据劫持Observer类exportclassObserver{value:any;dep:Dep;vmCount:number;constructor(value:any){this.value=valuethis.dep=newDep()this.vmCount=0def(value,'
熊少年·2020-05-25 11:47

Vue源码学习：手写Vue（一）—— observe

自己想写实现一个有Vue核心功能的迷你库，记录一下实现过程。本系例代码是以此图为蓝本编写的0.我希望的我实例是这么创建newHVue(options)newHVue({data:{message:'hvue'}})1.在项目根目录创建一个vue.jsclassHVue{constructor(options){this.$options=optionsthis.$data=options.data
jiujilang·2020-05-22 14:07

Vue源码01-基础流程分析

从毕业到现在也写的有两年Vue了，本着高深追求就去学习了Vue的源码，就把学习过程中的理解记录下来，这将是一个系列的文章，一次不可能写完，会不断更新，后续还会有vuex和vue-router系列先从Vue的目录说起image.pngscripts目录里面包含我们打包所需要的脚本src里面包含的就是vue的源码目录了compiler模版编辑器生成render，ast，staticRenderFnsc
熊少年·2020-05-22 11:55

深入浅出MV*框架源码（一）：从一个高仿库Moon看起

随便下个断点冲进vue源码之处，都能感受到里面结构的复杂，对于我等菜鸟来说实在是无法多待一会儿的。所以，本着面对复杂问题先将其简单化的思维方式，我和另一位朋友决定先从一个将Vue核心api实现
云峰yf·2020-04-13 14:33

Vue源码解析一——骨架梳理

大家都知道，阅读源码可以帮助自己成长。源码解析的文章也看了不少，但是好记性不如烂笔头，看过的东西过段时间就忘的差不多了，所以还是决定自己动手记一记。首先看下项目目录，大致知道每个文件夹下面都是干什么的Vue.png当我们阅读一个项目源码的时候，首先看它的package.json文件，这里包含了项目的依赖、执行脚本等，可以帮助我们快速找到项目的入口。我们来看几个重要字段：//main和module指
snow_in·2020-04-12 11:58

Vue源码阅读（一）

vue简介和初始化过程vue的源码结构如下src├──compiler#编译相关├──core#核心代码├──platforms#不同平台的支持├──server#服务端渲染├──sfc#.vue文件解析├──shared#共享代码Vue对象在使用vue时我们知道都是使用newVue(),来将vue的实例挂载到dom对象上从而运用数据驱动的方式来扩展我们的代码，我们首先来看一下Vue的定义从源头上
起飞之路·2020-04-12 05:37

2.最俗学习之-Vue源码学习-引入篇(中)

源码地址引入Vue后进行了global-api的初始化，那么现在就到了第二步的初始化，文件入口为：src\entries\web-runtime.js首先是4个方法绑定在Vue.config上isUnknownElement--方法解释看methodsrealizes目录源码在platforms\web\util\element.jsisReservedTag--方法解释看methodsreali
木子tar·2020-04-09 16:15

Vue源码分析—数据驱动(二)

VirtualDOMVirtualDOM这个概念相信大部分人都不会陌生，它产生的前提是浏览器中的DOM是很“昂贵"的，为了更直观的感受，我们可以简单的把一个简单的div元素的属性都打印出来，如图所示：可以看到，真正的DOM元素是非常庞大的，因为浏览器的标准就把DOM设计的非常复杂。当我们频繁的去做DOM更新，会产生一定的性能问题。而VirtualDOM就是用一个原生的JS对象去描述一个DOM节点，
oWSQo·2020-04-08 08:28

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

patch当我们通过createComponent创建了组件VNode，接下来会走到vm._update，执行vm.__patch__去把VNode转换成真正的DOM节点。但是针对一个普通的VNode节点，接下来我们来看看组件的VNode会有哪些不一样的地方。patch的过程会调用createElm创建元素节点，回顾一下createElm的实现，它的定义在src/core/vdom/patch.j
oWSQo·2020-04-07 00:58

Vue 底层编译实现

kvue源码//期待用法//newKVue({//data:{msg:'hello'}//})classKVue{constructor(options){this.
yang·2020-04-06 18:19

Vue源码解析二——从一个小例子开始逐步分析

每个Vue应用都是从创建Vue实例开始的，这里我们就以一个简单的例子为基础，慢慢深究Vue的实现细节。{{a}}varvm=newVue({el:'#app',data:{a:1}})当我们重新设置a属性时（vm.a=2），视图上显示的值也会变成2。这么简单的例子大家都知道啦，现在就看看使用Vue构造函数初始化的时候都发生了什么。打开/src/core/instance/index.js文件，看到
snow_in·2020-04-05 21:59

Vue的data、computed、watch源码浅谈

导读记得初学Vue源码的时候，在defineReactive、Observer、Dep、Watcher等等内部设计源码之间跳来跳去，发现再也绕不出来了。
晨曦时梦见兮·2020-04-04 10:38

Vue源码分析(11)--实例分析component,props,slot

前言本文是vue2.x源码分析的第十一篇，主要看component,props,slot的处理过程！实例代码Vuespanfromparent-->debugger;varchild=Vue.component('child',{template:'{{name}}',props:['name']})varvm=newVue({el:'#app',name:'app',data:{message:
风之化身呀·2020-04-03 22:02

Object.create(null)与{}区别

Object.create()方法会使用指定的原型对象及其属性去创建一个新的对象在阅读vue源码时经常会看到varm＝Object.create(null)这样的式子，会思考为什么不直接用{},同样创建一个空对象
海娩·2020-04-03 16:02

Vue的原理

vue源码的底层思路其实就是利用Object.defineProperty(obj,pro,{get(){},set(){}})中的getter,setter传递给vue的实例，遍历之后将属性交还给getter
Egde·2020-04-03 10:29

一起学习vue源码 - Vue2.x的生命周期(初始化阶段)

作者：小土豆biubiubiu博客园：https://www.cnblogs.com/HouJiao/掘金：https://juejin.im/user/58c61b4361ff4b005d9e894d简书：https://www.jianshu.com/u/cb1c3884e6d5微信公众号：土豆妈的碎碎念（扫码关注，一起吸猫，一起听故事，一起学习前端技术）欢迎大家扫描微信二维码进入群聊讨论(若
小土豆biubiubiu·2020-03-31 17:00

vue源码构建

本次学习版本是vue2.6.11首先下载vue源码**https://github.com/vuejs/vue.git**然后优先看根目录下的package.jsonscripts字段里面有一堆配置"scripts
Amfishers·2020-03-31 12:37

Vue源码的最后一站

去年我写了一篇分析Vue源码的博文，不知道有多少人看到过：Vue2.1.7源码学习这篇文章是我所写的博文中被转载最多的一篇文章，在这篇文章的开头我提到了这是系列文章中的第一篇，当时的想法是还会有第二篇、
奋斗1216·2020-03-30 10:43

vue源码解析-diff过程一探究竟

也看过其他讲vuediff过程的文章，但是感觉都只是讲了其中的一部分(对比方式)，没有对其中细节的部分做详细的讲解，如匹配成功后进行的patchVnode是做了什么？为什么的有的紧接着要进行dom操作，有的没有？在diff的过程中，指针的具体如何移动？及哪些部分发生了变化？insertedVnodeQueue又是何用？为何一直带着？然后也是困惑很久的，很多文章在移动这部分直接操作的oldChild
小鱼儿_61f5·2020-03-29 20:12

Vue源码阅读(一)

背景  Vue作为目前前端三剑客来说，基本是人手必会的了，并且越来越多的公司开始使用Vue框架进行前端业务的开发。但是更多的开发者都停留在组件的搬运和浅显的Vue基础使用，没有深究Vue本身所蕴含的思想和实现原理。这短时间看来对于业务开发并没有什么帮助，但是长久上看，要想成为一名高级前端工程师，深究框架实现原理是进阶的资粮。  另外，在之前部门内部分享中，一名同事分享了如何手动实现一个简易Vue框
一许青衫一·2020-03-28 16:10

Vue源码分析(5)--观察者收集、组件渲染挂载过程

前言本文是vue2.x源码分析的第五篇，主要讲解vue实例的观察者收集、组件渲染挂载以及页面更新过程！先看调用形式vm.$mount(vm.$options.el);1、分析$mountVue$3.prototype.$mount=function(el,hydrating){el=el&&query(el);//el不能是html和body元素if(el===document.body||el=
风之化身呀·2020-03-28 00:58

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

合并配置newVue的过程通常有2种场景，一种是外部我们的代码主动调用newVue(options)的方式实例化一个Vue对象；另一种是内部通过newVue(options)实例化子组件。无论哪种场景，都会执行实例的_init(options)方法，它首先会执行一个mergeoptions的逻辑，相关的代码在src/core/instance/init.js中：Vue.prototype._ini
oWSQo·2020-03-27 14:16

vue生命周期详解

1.vue基本生命周期lifecycle.pngvue源码中最终执行生命周期函数都是调用callHook方法，callHook函数的逻辑很简单，根据传入的生命周期类型hook，去拿到vm.
WHU_GIS_LJ·2020-03-22 17:32

Vue源码阅读（二）

组件化vue可以使用组件化来开发，在前边介绍_createElement方法时，在对原生的tag时直接创建vnode，在对已经注册的组件调用createComponent方法我们一起来看一下这个方法获取之前已经挂载到context上的Vue的构造器，初始化传入的组件像初始化根vue一样，然后安装component的hook。最后生成vnode并返回functioncreateComponent(C
起飞之路·2020-03-21 18:39

渗透测试之Webpack打包Vue源码还原

1.找到源码的map文件，然后下载2.使用npm安装reverse-sourcemapnpminstall--globalreverse-sourcemap3.进行还原操作╰─reverse-sourcemap--helpreverse-sourcemap-ReverseengineeringJavaScriptandCSSsourcesfromsourcemapsUsage:reverse-so
APT-101·2020-03-17 11:00

vue.js源码解析1

首先先我们来看看vue源码的开头,本人只把它当学习记录，如有错可以指出谢谢：(function(global,factory){typeofexports==='object'&&typeofmodule
itvwork·2020-03-14 08:43
上一页 21 22 23 24 25 26 27 28 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他