小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。
大家好，我是不孤独的百年，周末时间持续整理一些普通的小知识点，加深记忆，积少成多嘛~~
组件中的data 用箭头函数行不行?什么原理?
当然是可以的剪头函数相当于匿名函数，简化了函数定义 Vue 组件的data参数需要一个返回对象的函数，因此你用匿名函数是完全没问题的，只要返回对象即可。
Vuex刷新页面后数据就消失了怎么保存数据?
存到Vuex时，同时存一份到到sessionstorage中，当刷新页面时，判断sessionstorage中是否存在，存在时直接从sessionstorage取出再存到Vuex中去，缺点是sessionstorage的缓存大小仅限于5M内，而且转JSON时，会容易导致数据缺失,建议存储前,先进行一次加密获取时再进行解构处理。
简述浏览器渲染过程?
1、解析HTML以构建DOM树:渲染引擎开始解析HTML文档，转换树中的html标签或js生成的标签到DOM节点，它被称为一内容树。
2、构建渲染树:解析CSS(包括外部 CSS文件和样式元素以及js生成的样式)，根据cSS选择器计算出节点的样式，创建另一个一渲染树。
3、布局渲染树：从根节点递归调用，计算每个元素的大小、位置等，给每个节点所应该出现在屏幕上的精确坐标。
4、绘制渲染树:遍历渲染树,每个节点将使用。
说一下Vue的双向绑定的原理是什么？
简单点的说就是通过object.defineproperty(去劫持各个属性的getter跟setter，当数据发生改变时，渲染到视图层。
sessionStorage 、 localStorage和cookie之间的区别?
共同点： 用于浏览器端存储的缓存数据
不同点:
(1)存储内容是否发送到服务器端:当设置了Cookie 后，数据会发送到服务器端，造成定的宽带浪费;web storage，会将数据保存到本地,不会造成宽带浪费；
(2)数据存储大小不同：Cookie 数据不能超过4K,适用于会话标识；webstorage 数据存储可以达到5M；
(3)数据存储的有效期限不同:
-
cookie只在设置了Cookid过期时间之前一直有效，即使关闭窗口或者浏览器；
-
localStorage数据存储永久有效；
-
sessionStorage仅在关闭浏览器之前有效;
(4)作用域不同：cookie，localStorage在同源同窗口中都是共享的；sessionStorage不在不同的浏览器窗口共享，即使是同一个页面。
