weixin_42707287的博客

前一篇文章，我们说了vueRouter的两种路由模式，以及两种路由模式的特点，区别，今天我们通过来自己写一个简易版的vueRouter来剖析vueRouter内部的核心实现原理

vueRouter

昨天有朋友问我vue在页面第一次加载时到底做了些什么，看来这个问题在很多朋友心中可能还比较模糊，今天我们一起来详细的看看vue的首次渲染过程vue源码下载地址：vue源码了解vue首次渲染全过程，我们应该从哪说起呢，很明显，是不是应该从入口文件说起啊，即main.js1、vue初始化首先，我们看main.js中，第一个最关键的肯定是引入vue吧import vue from 'vue'其实，vue被打包后，dist文件夹中存在多个版本，分别是通用版本（UMD）：中的完整版 vue.js .

上周写了数据劫持原理Object篇，还欠大家一个Array篇，趁今天周末，补给大家吧。（最近实在是有点忙，补的有点忙，见谅见谅）前言：上周我们说了vue数据劫持原理Object篇，我们先来回顾下。Object数据侦测分为3个部分，依赖者wathcer(和实际依赖者一对一关系)，依赖的管理着Dep（也可以叫发布者），以及用于劫持数据的Observer。数据被劫持后，当获取数据时会触发get，而数据发生变化时会触发set。我们在get的时候收集依赖，即用dep去调用他的addSubs方法去添加wa.

vue 数据侦测是vue框架一块最为核心的模块之一，也是vue区别传统前端架构最重要的区别之一，那么它到底是怎么实现的。今天我们一起来看看吧vue的出现解决了什么问题大家都知道，angular,vue，react出来以前，我们前端的页面在数据发生变化时，都需要手动去操作dom来更新页面，获取使用模板引擎来进行页面的重新渲染。但是，这在项目越来越大越来越复杂的今天，传统的方式必然会产生很多问题。手动操作dom进行更新的话，项目一大，代码会非常杂乱，且不易维护使用模板引擎进行数据更新的话，当模板中.

虚拟dom是当前前端最流行的两个框架（vue和react）都用到的一种技术，都说他能帮助vue和react提升渲染性能，提升用户体验。那么今天我们来详细看看虚拟dom到底是个什么鬼虚拟dom的定义与作用什么是虚拟dom大家一定要记住的一点就是，虚拟dom就是一个普通的js对象。是一个用来描述真实dom结构的js对象，因为他不是真实dom，所以才叫虚拟dom。虚拟dom的结构从下图中，我们来看一看虚拟dom结构到底是怎样的如上图，这就是虚拟dom的结构，他是一个对象，下面有6个属性.

vue的一些常见面试题，可以看看，先保留下原文转载于 https://www.cnblogs.com/MJ-MY/p/11612112.html

上篇文章vue生命周期中我们说过一个句话，那就是mounted中并不会保证所有子组件都被挂载完成后再触发，因此当你希望视图完全渲染完成后再做某些事情时，请在mounted中使用$nextTick。那么$nextTick到底是干嘛用的，为什么能解决我们以上的问题。下面我们来好好了解了解$nextTick。但在此之前，如果不懂js事件循环的人，请先去看下什么是js事件循环，因为要理解$nextTick，必须得先理解js事件循环js事件循环回顾下面我们先简单得回顾下什么是事件循环(具体理解请看这 js事件.

vue是每一个前端开发人员都绕不过的一个技术，在国内的市场占有量也是非常的大，我们大部分人用着vue, 却不知道他内部其实经历了一些什么。每个生命周期又是什么时候开始执行的。我们今天来详细的看一看首先，生命周期是个啥？借用官网的一句话就是：每一个vue实例从创建到销毁的过程，就是这个vue实例的生命周期。在这个过程中，他经历了从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程。那么这些过程中，具体vue做了些啥，我们今天来了解一下。语述了解之前，我们先贴上一张官网的.