Skip to content

Latest commit

 

History

History
33 lines (20 loc) · 2.81 KB

README.zh-CN.md

File metadata and controls

33 lines (20 loc) · 2.81 KB

实现本地存储函数 中等 #Composable Function

By webfansplz @webfansplz

接受挑战    English

我们经常需要使用localStorageAPI,一个好用的可组合函数封装将帮助我们更好地使用它,让我们开始吧 👇:

<script setup lang='ts'>

import { ref } from "vue"

/**
 * 实现`useLocalStorage`函数
*/
function useLocalStorage(key: string, initialValue: any) {
  const value = ref(initialValue)

  return value
}

const counter = useLocalStorage("counter", 0)

// 我们可以通过触发`counter`的`getter`来获取本地存储的值
console.log(counter.value)

// 同样地,我们也可以通过触发`counter`的`setter`来设置本地存储的值

counter.value = 1

</script>

返回首页 分享你的解答 查看解答