人人都能懂的Vue源码系列—09—initEvents

2018-05-21
阅读 6 分钟
7k
上篇文章中,我们主要讲了initLiftcycle方法,它的作用是初始化vm实例中和生命周期相关的属性。今天为大家介绍另一个方法——initEvents。从这个方法的名称来看,我们知道它是和事件相关的方法,具体怎么相关,我们先来看源码。

人人都能懂的Vue源码系列—08—initLifecycle

2018-05-14
阅读 3 分钟
4.8k
上篇文章,我们讲了vm._renderProxy相关的内容。主要是通过Proxy为我们vm属性添加一些自定义的行为。今天我们回到init方法中,为大家讲解initLifecycle。initLifeCycle方法用来初始化一些生命周期相关的属性,以及为parent,child等属性赋值,来看源码。

人人都能懂的Vue源码系列—07—initProxy

2018-05-11
阅读 4 分钟
4.2k
前几篇文章中,我们主要讲了merge options的一些操作。今天我们回到init方法往下讲。 {代码...} 上面的代码逻辑很简单,主要就是为Vue实例的_renderProxy属性赋值。不同的代码运行环境赋值的结果不同。 当前环境是开发环境,则调用initProxy方法 如果不是开发环境,则vue实例的_renderProxy属性指向vue实例本身。 initPr...

人人都能懂的Vue源码系列—06—mergeOptions-下

2018-05-05
阅读 7 分钟
4.8k
上篇文章,我们讲到了mergeOptions的部分实现,今天接着前面的部分讲解,来看代码,如果大家觉得看讲解枯燥可以直接翻到本文的最后看mergeOptions的整个流程图。

人人都能懂的Vue源码系列—05—mergeOptions-上

2018-05-03
阅读 6 分钟
4.7k
前几篇文章中我们讲到了resolveConstructorOptions,它的主要功能是解析当前实例构造函数上的options,不太明白的同学们可以看本系列的前几篇文章。在解析完其构造函数上的options之后,需要把构造函数上的options和实例化时传入的options进行合并操作并生成一个新的options。这个合并操作就是今天要讲的mergeOptions。...

人人都能懂的Vue源码系列—04—resolveConstructorOptions函数-下

2018-04-26
阅读 4 分钟
4.5k
上一篇文章中说道,resolveConstructorOptions函数要分两种情况进行说明,第一种是Ctor为基础构造器的情况,这个已经向大家介绍过了,今天这篇文章主要介绍第二种情况,Ctor是Vue.extend创建的"子类"。

人人都能懂的Vue源码系列—03—resolveConstructorOptions函数-上

2018-04-25
阅读 4 分钟
5.5k
mergeOptions方法,我们之后的博文再来做详细介绍。今天主要研究resolveConstructorOptions方法,从字面意思来看,这个方法是来解析constructor上的options属性的。我们来看源码。

人人都能懂的Vue源码系列—02—Vue构造函数

2018-04-19
阅读 4 分钟
6.2k
上篇博文中说到了Vue源码的目录结构是什么样的,每个目录的作用我们应该也有所了解。我们知道core/instance目录主要是用来实例化Vue对象,所以我们在这个目录下面去寻找Vue构造函数。果然我们找到了Vue的构造函数定义。

人人都能懂的Vue源码系列—01—Vue源码目录结构

2018-04-11
阅读 1 分钟
5.7k
上图就是关于Vue源码整体目录结构的介绍了,我们熟悉每个模块具体的功能之后,对我们之后继续研究源码是很有帮助的。下次谈论的主题是Vue的构造函数,当new Vue实例的时候,会发生什么呢?生成的Vue实例又有哪些属性和方法呢?我们下篇文章会进行详细的说明。人人都能懂的Vue源码系列文章将会详细的介绍Vue源码的方方面...

vue pomodoro (番茄钟) 组件 - 基于vue2.x

2017-07-23
阅读 1 分钟
19k
最近在开发的一个项目中,有使用番茄钟的需求,另外本人一直是一个番茄工作法的簇拥,所以就决定写一个基于vue 2.x开发的番茄钟组件。灵感来自于另一个组件vue-radial-progress。

vue项目中使用scss

2017-06-16
阅读 2 分钟
53.3k
随着sass/less等css预处理器的出现,编写css变的越来越有乐趣。所以现在越来越多的人在项目中喜欢使用scss或者less。(我自己就是一个)。由于最近在写一个vue项目。所以就把写项目期间每天的一些知识点写在博客里。所以最近的博客应该都会和vue有关。今天要和大家分享的就是如何在vue项目中引入scss(引入less也类似)