$storage的用法
时间: 2023-09-04 07:12:11 浏览: 48
$storage是JavaScript中的一个全局变量,用于访问浏览器本地存储(Local Storage)和会话存储(Session Storage)。
可以使用$storage.setItem(key, value)方法将数据存储到本地存储或会话存储中,其中key表示数据的键,value表示数据的值。
使用$storage.getItem(key)方法可以获取指定键的值。
还可以使用$storage.removeItem(key)方法删除指定键的数据。
另外,$storage也支持事件监听,可以使用$storage.addEventListener('storage', callback)方法监听存储区域中数据的变化。当在同一域名下的窗口中修改存储区域的数据时,就会触发该事件。其中callback是回调函数,用于处理数据变化事件。
需要注意的是,使用$storage存储的数据类型只能是字符串类型,如果需要存储其他类型的数据,需要进行序列化和反序列化操作。
相关问题
this.$storage.get
this.$storage.get是Vue.js中的一个插件,用于在浏览器中使用本地存储。通过使用它,您可以轻松地从浏览器的本地存储中获取和设置数据。在Vue.js中使用此插件,您需要首先安装和导入该插件。然后您可以在Vue实例的方法和计算属性中使用它来获取或设置数据。
具体来说,this.$storage.get方法接受一个参数,即要获取的数据的键名。它会从浏览器的本地存储中获取该键名对应的数据,并将其返回给您。如果本地存储中不存在该键名对应的数据,则返回null。
以下是一个示例,展示如何在Vue.js中使用this.$storage.get方法获取本地存储中的数据:
```
export default {
data() {
return {
username: this.$storage.get('username')
}
}
}
```
that.$storage.setStorageSync为什么这样写
`$storage.setStorageSync` 是一个函数,它可以存储数据到本地缓存中。在这个函数中,`$storage` 是一个全局变量或者一个对象,`setStorageSync` 是这个对象上的一个方法。这个方法的作用是将数据同步存储到本地缓存中,即在数据存储完成之前,函数会一直阻塞等待数据存储完成,然后才会返回结果。
可能你看到这个函数的写法不太习惯,因为它使用了点操作符来访问对象的属性和方法,而不是使用传统的对象属性和方法访问方式,比如 `$storage['setStorageSync']` 或者 `$storage.setStorageSync()`。但是这种写法在某些框架或者库中比较常见,例如在 Vue.js 中访问全局变量 `Vue` 的属性或者方法也是使用这种写法,即 `Vue.$xxx` 或者 `Vue.xxx()`。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)