[TOC] ## useLocalStorage 本地存儲 ``` const timeago = useLocalStorage("abc") timeago.value="adsasd" ``` ## useSessionStorage 本地存儲 ``` const timeago = useSessionStorage("abc") timeago.value="adsasd" ``` ## useStorage ``` import { useStorage } from '@vueuse/core' // bind object const state = useStorage('my-store', { hello: 'hi', greeting: 'Hello' }) // bind boolean const flag = useStorage('my-flag', true) // returns Ref<boolean> // bind number const count = useStorage('my-count', 0) // returns Ref<number> // bind string with SessionStorage const id = useStorage('my-id', 'some-string-id', sessionStorage) // returns Ref<string> // delete data from storage state.value = null ``` ## useStorageAsync 異步存儲 ``` const id = useStorageAsync('my-id', 'initialValue', sessionStorage) // returns Ref<string> id.value="asdsad" ``` ## Merge Defaults ``` localStorage.setItem('my-store', '{"hello": "nihao"}') const state = useStorage( 'my-store', { hello: 'hi', greeting: 'hello' }, localStorage, { mergeDefaults: true } // <-- ) console.log(state.hello) // 'nihao', from storage console.log(state.greeting) // 'hello', from merged default value ``` ## Custom Serialization