# ✨ useLocalStorage
useLocalStorage()
fonksiyonu tarayıcıda key, value verilerini kaydetmek için kullanılan yöntemlerinden birisidir.
# 🏪 Kullanım
useLocalStorage
fonksiyonunun kullanım şekli aşağıdaki gibidir.
import { useLocalStorage } from 'vue-composable-utils';
const { value } = useLocalStorage('test', 1);
# 🚀 Özellikler
useLocalStorage
2 adet parametre alır ve 1 adet özelliğe sahiptir.
Özellik
1 - value
--> Local storage'a eklemek istediğimiz değer.
Parametreler
useLocalStorage(key,value)
1- key --> Anahtarlar arasında geçiş yapmanız gereken durumlarda kullanılır.
2- value --> Depolanan veridir.
# 💻 Uygulama
Aşağıdaki örneği kullanarak reaktif olarak nasıl çalıştığını görebilirsiniz.
Value is:
<template>
<div>
<p>value is: {{ value }}</p>
<button @click="value = '2'">Change</button>
</div>
</template>
<script>
import { useLocalStorage } from 'vue-composable-utils';
export default {
setup() {
const { value } = useLocalStorage('test', 1);
return { value };
},
};
</script>