# ✨ useState
useState
fonksiyonu bileşenlerde state değişkenlerine sahip olmanızı sağlayan bir fonksiyondur. Başlangıç statetinizi bu fonksiyona geçirirsiniz ve mevcut state değerine sahip bir değişken (başlangıç state olması gerekmez) ve bu değeri güncellemek için başka bir fonksiyon döndürür.
# 🏪 State
useState
fonsiyonu aşağıdaki reaktif state olarak kullanılır:
import { useState } from 'vue-composable-utils';
const [count, setCount] = useState();
import { useState } from "vue-composable-utils"
içe aktarın Örnek () {count
olarak adlandıracağımız yeni bir state değişkeni bildirmek const [count, setCount] = useState(0);
We count adında bir state değişkeni tanımlayın ve 0 olarak ayarlayın.
# 🚀 Özellikleri
useState
, size reactive
@vue/composition-api
ve reaktif olarak kullanılan özellikleri sağlayan fonksiyonlardır.
- useState:
@vue/composition-api
denref
andreadonly
kullanıldı.
# 💻 Uygulama
Aşağıdaki örneği kullanarak reactive olarak nasıl değiştiğini görebilirsiniz.
Count: 0
<template>
<p>{{ count }}</p>
<button @click="setCount(count - 1)">Decrement</button>
<button @click="setCount(count + 1)">Increment</button>
</template>
<script>
import { useState } from 'vue-composable-utils';
export default {
setup() {
const [count, setCount] = useState(0);
return {
count,
setCount,
};
},
};
</script>