前端常见面试题目|2nextTick,vue自定义指令，单页面应用，keep-alivedata为什么是一个函数而不是对象，mixin,子组件可以直接改变父组件的数据吗

16. data为什么是一个函数而不是对象

Vue组件可能存在多个实例，如果使用对象形式定义data，则会导致它们共用一个data对象，那么状态变更将会影响所有组件实例，这是不合理的；采用函数形式定义，在initData时会将其作为工厂函数返回全新data对象，有效规避多实例之间状态污染问题。而在Vue根实例创建过程中则不存在该限制，也是因为根实例只能有一个，不需要担心这种情况。

17. 对keep-alive的理解，它是如何实现的，具体缓存的是什么？

如果需要在组件切换的时候，保存一些组件的状态防止多次渲染，就可以使用 keep-alive 组件包裹需要保存的组件。
（1）keep-alive
keep-alive有以下三个属性：
●include 字符串或正则表达式，只有名称匹配的组件会被匹配；
●exclude 字符串或正则表达式，任何名称匹配的组件都不会被缓存；
●max 数字，最多可以缓存多少组件实例。
注意：keep-alive 包裹动态组件时，会缓存不活动的组件实例。
主要流程
1判断组件 name ，不在 include 或者在 exclude 中，直接返回 vnode，说明该组件不被缓存。
2获取组件实例 key ，如果有获取实例的 key，否则重新生成。
3key生成规则，cid +“∶∶”+ tag ，仅靠cid是不够的，因为相同的构造函数可以注册为不同的本地组件。
4如果缓存对象内存在，