对vuex和浏览器本地存储的简单了解

一：vuex

        一：vuex的五大核心属性 

        state：用于存放数据/状态的。

        getters：vuex的计算属性

        mutations：唯一改变state数据的工具

        actions：异步操作，需要经过mutations内 来改变 state

        module：模块化

        二：调用方法

        获取 state内的数据 ￥store.state.

        调用mutations的方法 this.$store.commit

        调用actions的方法 this.$store.dispatch()

二.浏览器的本地存储

        一：本地存储的类型。

        1.localStorage  2.sessionStorage  3.cookie  4.indexedDB 5.Trust Tokens 6.Web SQL

这里我们需要用到的比较多的也就是前三个，这里我们也就简单了解一下前三个

        二：相同点

1.都可以存储数据，并且存储只跟域名走

        三：不同点

1.大小

首先是 localStorage和sessionStorage 可以存储的大小只有 5M  一般用于存放页面数据

相比起来 cookie 可以存储的数据大小 只有4K  一般用于存放用户信息

2.传输

cookie 会跟着axios请求来回发送数据，而localStorage和sessionStorage不会

3.存储时间

localStorage存储的数据是永久性存储，并不会随着会话页面的关闭而消失

sessionStorage存储的数据就属于暂时性的，它会随着会话页面的关闭而消失

cookie存储的数据需要设置过期时间，如果不设置的话，会随着会话页面的关闭自动失效