前端学习第一天

vuex 状态管理

1. vuex 实现不同组件间状态的管理，vuex只关注数据和组件的一致性，不关注是什么事件造成了数据的改变。
2. State是一个包含应用程序中所有状态的对象，可以在组件中使用$store.state来访问State中的属性。
3. Mutation是一个用于修改State的函数，它只能进行同步操作。在组件中，可以使用$store.commit触发Mutation
4. getters 帮助用户从State中派生处新的状态，Getter是一个函数，它接收State作为第一个参数，并返回一个新的派生状态。例如使用store.getters.doubleCount来访问一个Getter
5. Actions 用于执行异步操作，例如发起一个API请求，Action是一个函数，它接收一个context对象作为第一个参数。context对象包含State、Getter和Mutation等信息。
6. Modules帮助用户更好地组织应用程序的状态，Module是一个包含State、Mutation、Getter和Action等信息的对象，它可以被其他模块引用。
7. 步骤：引入vuex，创建一个Store，将Store注入到vue.js实例中。

Storage
提供了访问特定域名下的会话存储或本地存储的功能，可以添加、修改或删除存储的数据项
访问域名的本地存储使用localStorage、访问域名的会话存储使用sessionStorage。
属性：Storage.length 返回存储在Storage对象中的数据项数量
● 方法：

○ Storage.key(n),返回第n个键名；
○ Storage.getItem(),接受键名作为参数，返回键名对应的值
○ Storage.setItem(),以键和值为参数，存储或更新键值
○ Storage.removeItem(),该方法接受一个键名作为参数，并把该键名从存储中删除。
○ Storage.clear(),清空存储中的所有键名。