![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
源码
文章平均质量分 94
Story..
这个作者很懒,什么都没留下…
展开
-
Vuex源码解析
题目: Vuex源码解析前言:vuex在vue生态中有着举足轻重的地位,它是vue项目在做集中式的状态管理时的首选,vuex的优势是可以做集中式的状态管理,也就是说如果你有一个状态需要在全局使用,并且希望在任意组件都可以对状态进行管理。那么vuex绝对是最佳的一个选择。那么这一篇文章我们将好好阅读一下vuex的源码,感受一下vuex的各种api究竟是怎么实现的。那么就开始吧一、目录分析1.源码下载首先从git下载源码git clone https://github.com/vuejs/vuex.g原创 2021-10-06 13:39:46 · 1631 阅读 · 0 评论 -
vue-router源码分析
vue-router 源码分析前言:在vue的生态当中,vue-router必然是有一席之地的,我们有用到过其中各种好用的api,比如addRoute、.push、.replace、vm.$route、vm.routes等等,可以这么说,在单页面应用盛行的今天,我们如果使用vue来开发项目,一定离不开vue-router。而我们今天就来认真的分析一下vue-router的源码,了解一下vue-router的各种各样api的原理,以及他是怎么嵌入vue项目中运行的,好了废话不多说我们开始吧!一、源码结原创 2021-09-30 17:30:43 · 2092 阅读 · 0 评论 -
vue2.0源码分析——内置组件
题目:vue2.0源码分析——内置组件前言:本篇文章,我将对vue2.0中所有的内置组件的源码进行一个分析,包括keep-alive , transition , transition-group , slot , component 。我希望通过这篇文章的分析,不仅我自己也包括看这篇文章的所有小伙伴都能对vue的内置组件都有一个较为深入的了解。那接下来我们就开始吧。一、keep-alive这个内置组件相信大家都很熟悉,这里要说一个比较丢脸的事情,就是笔者曾经第一次找工作面试时,问道了keep-ali原创 2021-09-23 09:22:09 · 363 阅读 · 0 评论 -
vue2.0源码——diff算法
题目:vue2.0源码——diff算法一、diff概述1.为什么vue需要diff算法我们都知道vue的diff是为了更新DOM去服务的,那更新DOM是在什么样的场景下发生的呢?想象一下,你的组件中一个状态发生改变了,按照我们之前讲的,会触发响应式数据的setter,一旦触发setter,就会调用相应watcher的get方法,这个get方法中会执行this.getter,而这个getter就是相应的渲染函数,这个渲染函数会生成一个全新的带有最新数据的虚拟DOM。以上都是我之前文章的内容哦,如果不原创 2021-09-22 09:00:31 · 1169 阅读 · 0 评论 -
Vue2.0源码解析——编译原理
Vue2.0源码解析——编译原理前言:本篇文章主要对Vue2.0源码的编译原理进行一个粗浅的分析,其中涉及到正则、高阶函数等知识点,对js的考察是非常的深的,因此我们来好好啃一下这个编译原理的部分。一、编译流程1.为什么需要编译流程?不知道各位有没有思考过这样一个问题,为什么我们无论是在脚手架项目中还是在单文件html中,只要使用Vue框架开发,我们就可以书写出千奇百怪且好用的指令,比如v-for、v-model、@event…等等,但是浏览器默认情况下是只认识原生js、css以及html的呀,为什原创 2021-09-20 21:12:32 · 1644 阅读 · 2 评论 -
Vue2.0 源码解析 --- 响应式原理
题目 : Vue2.0 源码解析 — 响应式原理前言:vue的响应式原理不仅是面试时的高频考点,也是Vue区别于其他框架的一个很重要的特点,本文尝试用文图结合的方式来剖析响应式原理。理解几个核心的类(Observer 、Watcher 、Dep 、VNode),以及诸如依赖收集 、派发更新 等核心的概念一、Vue在执行时的流程<1> 概括首先来看一张图片当你通过npm下载vue时,模块化开发时的源码在src目录下,dist是通过rollup打包后,运行在生产环境下的js文件。找原创 2021-09-16 17:10:02 · 940 阅读 · 0 评论