yyzzabc123

3.1 Runtime Only VS Runtime + Compiler 在正文开始之前，我们先了解一下vue基于源码构建的两个版本，一个是runtime only(一...

Vue模版编译原理知道吗，能简单说一下吗？ 简单说，Vue的编译过程就是将template转化为render函数的过程。会经历以下阶段： 生成AST树 优化 codegen...

为什么在 Vue3.0 采用了 Proxy,抛弃了 Object.defineProperty？ 由于只针对了以上 7 种方法进行了 hack 处理,所以其他数组的属性也是...

Vue 组件间通信有哪几种方式？ ​ Vue 组件间通信是面试常考的知识点之一，这题有点类似于开放题，你回答出越多方法当然越加分，表明你对 Vue 掌握的越熟练。Vue 组...

上一章，我们讲到了Vue初始化做的一些操作，那么我们这一章来讲一个Vue核心概念响应式系统。 我们先来看一下官方对深入响应式系统的解释: 上图是Vue官方放出的一张图，而且...

什么是 mixin ？ Mixin 使我们能够为 Vue 组件编写可插拔和可重用的功能。 如果希望在多个组件之间重用一组组件选项，例如生命周期 hook、 方法等，则可以将...

2.1 数据代理的含义 数据代理的另一个说法是数据劫持，当我们在访问或者修改对象的某个属性时，数据劫持可以拦截这个行为并进行额外的操作或者修改返回的结果。而我们知道Vue响...

v-model 是如何实现的，语法糖实际是什么？ （1）作用在表单元素上 动态绑定了 input 的 value 指向了 messgae 变量，并且在触发 input 事件...

7.12 数组检测 在之前介绍数据代理章节，我们已经详细介绍过Vue数据代理的技术是利用了Object.defineProperty,Object.defineProper...

JavaScript中的对象是引用类型的数据，当多个实例引用同一个对象时，只要一个实例对这个对象进行操作，其他实例中的数据也会发生变化。而在Vue中，更多的是想要复用组件，...

7.8 相关概念 在构建简易式响应式系统的时候，我们引出了几个重要的概念，他们都是响应式原理设计的核心，我们先简单回顾一下： Observer类，实例化一个Observer...

vue-router中如何保护路由 分析 路由保护在应用开发过程中非常重要，几乎每个应用都要做各种路由权限管理，因此相当考察使用者基本功。 体验 全局守卫： 路由独享守卫：...

12.1 动态组件 动态组件我相信大部分在开发的过程中都会用到，当我们需要在不同的组件之间进行状态切换时，动态组件可以很好的满足我们的需求，其中的核心是component标...

Vuex有哪几种属性？ 有五种，分别是 State、 Getter、Mutation 、Action、 Module state => 基本数据(数据源存放地) gette...

7.1 数据初始化 回顾一下之前的内容，我们对Vue源码的分析是从初始化开始，初始化_init会执行一系列的过程，这个过程包括了配置选项的合并，数据的监测代理，最后才是实例...

说一下Vue的生命周期 Vue 实例有⼀个完整的⽣命周期，也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、更新 -> 渲染、卸载 等⼀系列过程，称这是Vue...

初学vue，你得知道我们是从new Vue开始的： 那你觉得是不是很有意思，咱们new Vue之后，就可以使用他那么多的功能,可见Vue是暴出来的一个一个功能类函数，我们进...

之前讲到Vue在渲染机制的优化上，引入了Virtual DOM的概念，利用Virtual DOM描述一个真实的DOM,本质上是在JS和真实DOM之间架起了一层缓冲层。当我们...

由于v-model和前面介绍的插槽，事件一致，都属于vue提供的指令，所以我们对v-model的分析方式和以往大同小异。分析会围绕模板的编译，render函数的生成，到最后...

9.1. 模板编译 Vue在挂载实例前，有相当多的工作是进行模板的编译，将template模板进行编译，解析成AST树，再转换成render函数，而有了render函数后才...