created
:html加载完成之前,执行。执行顺序:父组件-子组件mounted
:html加载完成后执行。执行顺序:子组件-父组件methods
:事件方法执行watch
:去监听一个值的变化,然后执行相对应的函数computed
:computed是计算属性,也就是依赖其它的属性计算所得出最后的值
vue中localstorage用法
在Vue中使用localStorage主要涉及存储、获取、删除和清空数据的基本操作,以及监听localStorage值的变化。以下是详细的操作方法和注意事项:
基本操作方法
- 存储数据:使用
localStorage.setItem(key, value)
方法将数据存储到localStorage中。例如,localStorage.setItem('accessToken', 'Bearer ' + response.data.result.accessToken)
。 - 获取数据:使用
localStorage.getItem(key)
方法从localStorage中获取数据。例如,localStorage.getItem('accessToken')
。 - 删除数据:使用
localStorage.removeItem(key)
方法删除指定键的数据。例如,localStorage.removeItem('accessToken')
。 - 清空数据:使用
localStorage.clear()
方法清空localStorage中的所有数据。