vue常用知识

vue中的this指向
一、普通函数中的this

指向的是vue实例

二、箭头函数中的this

默认指向在定义它时所处的对象(宿主对象)

-------------------------------------------------------------------------------------
存储大小：
localStorage和sessionStorage的存储数据大小一般都是：5MB
7）存储位置：
localStorage和sessionStorage都保存在客户端，不与服务器进行交互通信
localStorage长期存储数据，可以在浏览器之间进行共享；
sessionStorage关闭浏览器数据删除，不可以在浏览器之间实行共享；
localStoragese：常用于长期登录（+判断用户是否已登录），适合长期保存在本地的数据，而sessionStorage：敏感账号一次性登录；
cookie
失效时间:一般默认是浏览器关闭失效,可以自己设置失效时间
安全标志:设置安全标志后只有SSL连接的时候才发送到服务器
cookie的作用:主要用于保存登录信息
生命期为只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。 存放数据大小为4K左右 。

VUE实现双向数据绑定的原理就是利用了 Object.defineProperty() 这个方法重新定义了对象获取属性值(get)和设置属性值(set)的操作来实现的。它接收三个参数，要操作的对象，要定义或修改的对象属性名，属性描述符

watch就是用于监听数据变化，比如监控页面一个变量值的改变需要进行的操作

computed时用于处理复杂的逻辑运算的，它不必每次都像methods一样调用，它有一个缓存机制，只有在做出改变的时候才会执行，并且还可以把方法封装到里面，只返回一个数据。

created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。
mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。

捕获阶段 概念：
事件从根节点流向目标节点，途中流经各个DOM节点，在各个节点上触发捕获事件，直到达到目标节点。

目标阶段 概念:
事件到达目标节点时，就到了目标阶段，事件在目标节点上被触发

冒泡阶段 概念:
事件在目标节点上触发后，不会终止，一层层向上冒，回溯到根节点