vue经典高频面试题

1.vue中虚拟dom的理解

2.methods computed 和watch的区别

3.为什么data是一个有返回值的函数

4.vue中keep-alive缓存组件

5.vuex的辅助函数

6.vue中双向数据绑定的原理

7.token的工作流程

一 、vue中虚拟dom的理解

---

第一种： 更详细

1、读取data数据
2、读取模板
3、数据 + 模板 生成虚拟DOM(虚拟DOM就是一个JS对象，用它来描述真实DOM)（损耗一点性能）
                  原本准备生成的真实dom:   <div id=“abc”><span> hello world </span></div>
    虚拟DOM：['div', {id: 'abc‘}, ['span', '', 'hello world']]
4、用虚拟DOM的结构生成真实的DOM -> 视图显示 (用createElement可基于虚拟DOM生成真实DOM)
    真实DOM：<div id='abc'><span></span></div>
5、当data发生了变化
6、数据 + 模板 生成新的虚拟DOM：
    ['div', {id: 'abc'}, ['span', '', 'hi world']]（极大提升性能）
7、比较原始虚拟DOM和新的虚拟DOM的区别，找到的区别是span中的内容发生了变化（极大提升了性能）
8、将变化的部分生成真实DOM       (用createElement可基于虚拟DOM生成真实DOM)
9、将不同部分渲染在页面（直接操作DOM，改变span中的内容）

虚拟DOM优点：

1、性能提升了    

2