说说vue中的diff算法

面试官：你了解vue的diff算法吗？说说看

一、是什么

diff 算法是一种通过同层的树节点进行比较的高效算法

其有两个特点：

我爱上的 VSCode 扩展

CodeSnap

通过简单地突出显示项目中各自的代码段，可以快速创建代码的屏幕快照。就这么简单！不再需要打开新的选项卡、复制代码并保存照片。该图像将生成现场并排与选项，以剪切，复制和粘贴。相当于一种简化版的代码美化工具。

谈谈虚拟dom

面试官：什么是虚拟DOM？如何实现一个虚拟DOM？说说你的思路

一、什么是虚拟DOM

虚拟 DOM （Virtual DOM ）这个概念相信大家都不陌生，从 React 到 Vue ，虚拟 DOM 为这两个框架都带来了跨平台的能力（React-Native 和 Weex）

vue过滤器

面试官：Vue中的过滤器了解吗？过滤器的应用场景有哪些？

一、是什么

过滤器（filter）是输送介质管道上不可缺少的一种装置

大白话，就是把一些不必要的东西过滤掉

自定义指令

面试官：你有写过自定义指令吗？自定义指令的应用场景有哪些？

一、什么是指令

开始之前我们先学习一下指令系统这个词

Vue常用的修饰符

面试官：Vue常用的修饰符有哪些有什么应用场景

一、修饰符是什么

在程序世界里，修饰符是用于限定类型以及类型成员的声明的一种符号

在Vue中，修饰符处理了许多DOM事件的细节，让我们不再需要花大量的时间去处理这些烦恼的事情，而能有更多的精力专注于程序的逻辑处理

vue响应式解析

了解状态和数据驱动视图

众所周知，Vue最大的特点之一就是数据驱动视图，那么什么是数据驱动视图呢？在这里，我们可以把数据理解为状态，而视图就是用户可直观看到页面。页面不可能是一成不变的，它应该是动态变化的，而它的变化也不应该是无迹可寻的，它或者是由用户操作引起的，亦或者是由后端数据变化引起的，不管它是因为什么引起的，我们统称为它的状态变了，它由前一个状态变到了后一个状态，页面也就应该随之而变化，所以我们就可以得到如下一个公式：

说说你对对keep-alive的理解

面试官：说说你对keep-alive的理解是什么？

一、Keep-alive 是什么

1

keep-alive`是`vue`中的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染`DOM

keep-alive 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们

为什么在我的简单的 web 项目中有这么多的配置文件？

在从事任何 Web 开发项目时，您是否遇到过一些奇怪而神秘的配置文件？即使是一个简单的小项目也可能有ー—eslintrc.js, .eslintignore, .editorconfig，tsconfig.json，pretier.config.js，firebase.src 等等。

说说vue中的key原理

面试官：你知道vue中key的原理吗？说说你对它的理解

一、Key是什么

开始之前，我们先还原两个实际工作场景

1. 当我们在使用v-for时，需要给单元加上key