ref
Les fonctions sont utilisées pour créer une seule donnée réactive.
Dans l'API Composition de Vue 3, ref
les fonctions peuvent être utilisées pour convertir une valeur JavaScript ordinaire en un objet réactif.
Voici ref
un exemple d'utilisation de la fonction :
import { ref } from 'vue';
// 创建一个普通的JavaScript值
const count = 0;
// 将值转换为具有响应式能力的对象
const reactiveCount = ref(count);
// 在模板或组件中使用响应式对象
console.log(reactiveCount.value); // 输出: 0
// 修改对象的值
reactiveCount.value += 1;
// 自动更新相关依赖
console.log(reactiveCount.value); // 输出: 1
Dans l'exemple ci-dessus, ref
les fonctions convertissent des valeurs JavaScript simples count
en objets réactifs reactiveCount
. Accès reactiveCount.value
pour lire et modifier les valeurs. Lorsque reactiveCount.value
la valeur de est modifiée, la vue qui lui est associée est automatiquement mise à jour.
Il convient de noter que lors de l'utilisation ref
de fonctions pour créer des données réactives, l'accès et la modification des valeurs nécessitent .value
des attributs. En effet, ref
la fonction renvoie un objet wrapper, .value
une propriété de l'objet wrapper qui est utilisée pour accéder à la valeur réelle et la modifier.
De plus, ref
les fonctions fournissent .value
d'autres méthodes que les attributs, telles que .isRef
, , .unref
etc., pour manipuler et gérer les données réactives.