缓存：缓存了组件之后，在次进入组件不会触发beforeCreate，created, beforeMount,mounted
如果你想每次进入组件都做一些事情的话，你可以放在activated进入缓存组件的钩子中
七、keep-alive
在被keep-alive包含的组件/路由，会多出两个生命周期：activated 和 deactivated
actived在组件第一次渲染时会被调用，之后再每次缓存组件被激活时调用 调用机制：第一次进入缓存路由/组件，在mounted后面，beforeRouteEnter守卫传给 next 的回调函数之前调用：
八、Vue的SPA 如何优化加载速度
1.减少入口文件体积
2.静态资源本地缓存
3.开启Gzip压缩
4.使用SSR,nuxt.js
九、模块化
基本概念： 1.在js中，一个模块就是实现特定功能的文件(js文件)
2.遵循模块的机制，想要什么就加载什么模块
3.模块化开发需要遵循规范
js实现模块化规范
1.AMD 浏览器 requirejs 模块被异步加载，模块加载不影响后面语句的运行 默认使用baseURL+ paths的路经解析方式
2.CommonJS nodejs
3.ES6的import/export
4.CMD 浏览器端
解决的问题：1.命名冲突 2.文件依赖 3.模块的复用 4.统一规范和开发方式
十、谈谈Vue和React组件化的思想
1.我们在各个页面开发的时候，会产生很多重复的功能，比如element中的xxxx。像这种纯粹非页面的UI，便成为我们常用的UI组件，最初的前端组件也就仅仅指的是UI组件
2.随着业务逻辑变得越来多是，我们就想要我们的组件可以处理很多事，这就是我们常说的组件化，这个组件就不是UI组件了，而是包具体业务的业务组件
3.这种开发思想就是分而治之。最大程度的降低开发难度和维护成本的效果。并且可以多人协作，每个人写不同的组件，最后像撘积木一样的把它构成一个页面
十一、vue的依赖收集和watch原理
React
一、react和vue的区别
=> 相同点：
1.数据驱动页面，提供响应式的试图组件
2.都有virtual DOM,组件化的开发，通过props参数进行父子之间组件传递数据，都实现了webComponents规范
3.数据流动单向，都支持服务器的渲染SSR
4.都有支持native的方法，react有React native， vue有wexx
=> 不同点：
1.数据绑定：Vue实现了双向的数据绑定，react数据流动是单向的
2.数据渲染：大规模的数据渲染，react更快
3.使用场景：React配合Redux架构适合大规模多人协作复杂项目，Vue适合小快的项目
4.开发风格：react推荐做法jsx + inline style把html和css都写在js了
vue是采用webpack + vue-loader单文件组件格式，html, js, css同一个文件
二、redux中的reducer（纯函数）
Redux数据流里，reduces其实是根据之前的状态（previous state）和现有的action（current action）更新state(这个state可以理解为上下累加器的结果）
每次redux reducer被执行时，state和action被传入，这个state根据action进行累加或者是'自身消减'(reduce),进而返回最新的state,这也就是典型reduce函数的用法：state -> action -> state
三、react的refs
refs就想一个逃生窗，允许我们之间访问dom元素或者组件实例，可以向组件添加一个ref属性的值是一个回调函数，
它将接受地城dom元素或组件的已挂在实例，作为第一个参数
四、react中的keys
帮组我们跟踪哪些项目已更改、添加、从列表中删除，key是独一无二的，可以让我们高效的去定位元素，并且操作它
五、React的生命周期
三个状态：Mounting(已插入真实的DOM）
Updating(正在被重新渲染)
Unmounting(已移除真实的DOM)
componentDIdMount 在第一次渲染后调用，只在客服端。之后组件已经生成对应的DOM结构，
componentDidUpdate 在组件完成更新后立即调用，在出初始化是不会调用
六、React子组件向父组件传值
父组件通过props 给子组件传递数据，子组件则是通过调用父组件传给它的函数给父组件传递数据。
七、React数据流
八、为什么虚拟DOM会提高性能 https://www.zhihu.com/question/29504639?sort=created
虚拟DOM相当于在js和真实dom中间加了一个缓存，利用dom diff算法避免了没有必要的doom操作，从而提高性能
具体实现步骤：
·用JavaScript对象结构表示DOM树的结构；然后用这个树构建一个真正的DOM树，插到文档中
·当状态变更的时候，重新构造一棵树的对象树，然后用新的树和旧的树进行对比，记录两棵树差异
·把2所记录的差异应用到步骤1所构建的真正的DOM树上，试图就更新了。