Vue3——Chapitre 5 (API responsive : isRef, unref, toRef, toRefs et autres fonctions de l'outil)


1. estRéf()

  • Vérifie si une valeur est une référence.
  • Notez que la valeur de retour est un prédicat de type, ce qui signifie que isRef peut être utilisé comme garde de type
    insérez la description de l'image ici

Deux, unref()

  • Renvoie la valeur interne si l'argument est une référence, sinon renvoie l'argument lui-même.
  • Il s'agit d'un sucre syntaxique pour val = isRef(val) ? val.value : valcompute .
    insérez la description de l'image ici

3. toRef()

  • En fonction d'une propriété sur l'objet réactif, créez une référence correspondante.
  • Une référence ainsi créée est synchronisée avec sa propriété source : la modification de la valeur de la propriété source mettra à jour la valeur de la référence, et vice versa.
    insérez la description de l'image ici
  • Notez que ceci est différent de :
    insérez la description de l'image ici
  • toRef() Cette fonction est utile lorsque vous souhaitez passer la référence d'un accessoire à une fonction composite :
    insérez la description de l'image ici

4. toRefs()

  • Convertit un objet réactif en objet normal, chaque propriété de cet objet normal est une référence pointant vers la propriété correspondante de l'objet source.
  • Chaque référence individuelle est créée à l'aide de toRef().
    insérez la description de l'image ici
  • toRefs est utile lors du retour d'objets réactifs à partir de fonctions composites.
  • En l'utilisant, les composants consommateurs peuvent déstructurer/déballer l'objet renvoyé sans perdre en réactivité :
    insérez la description de l'image ici

5. estProxy()

  • Vérifie si un objet est un proxy créé par reactive(), readonly(), thinReactive() ou thinReadonly().
    insérez la description de l'image ici

6. estréactif()

  • Vérifie si un objet était un proxy créé avec réactive() ou peu profondeReactive().
    insérez la description de l'image ici

7. isReadonly()

  • Vérifie si la valeur transmise est un objet en lecture seule. Les propriétés des objets en lecture seule peuvent être modifiées, mais elles ne peuvent pas être affectées directement par l'objet transmis.
  • Les proxys créés via readonly() et shallowReadonly() sont en lecture seule car ce sont des refs computed() sans fonction set.
    insérez la description de l'image ici

Je suppose que tu aimes

Origine blog.csdn.net/weixin_44733660/article/details/128629186
conseillé
Classement