Κοινή χρήση τεχνολογίας

Reactive ref() και reactive()

2024-07-08

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina


ref()

  • αποτέλεσμα: Ορίστε αποκρινόμενες μεταβλητές.

  • γραμματική:let xxx=ref(αρχική τιμή).

  • επιστρεφόμενη τιμή: Ένα στιγμιότυπο αντικείμενο του RefImpl, που αναφέρεται ως αντικείμενο ref ή ref Το χαρακτηριστικό value του αντικειμένου ref αποκρίνεται.

  • πρόσεχε

    1. Τα δεδομένα λειτουργίας στο JS απαιτούν: xxx.value, αλλά το .value δεν απαιτείται στο πρότυπο, απλώς χρησιμοποιήστε το απευθείας.
    2. Για let name =ref('Zhang San'), το όνομα δεν ανταποκρίνεται, το name.value ανταποκρίνεται.

αντιδραστικός()

  • αποτέλεσμα: Ορίστε αντικείμενα που αποκρίνονται (μην το χρησιμοποιείτε για βασικούς τύπους, χρησιμοποιήστε ref, διαφορετικά θα αναφερθεί σφάλμα).

  • γραμματική:let responsive object = reactive(source object).

  • επιστρεφόμενη τιμή: Ένα αντικείμενο παρουσίας του διακομιστή μεσολάβησης, που αναφέρεται ως αποκριτικό αντικείμενο.

  • πρόσεχε: Τα δεδομένα απόκρισης που ορίζονται από το reactive είναι "βαθιά".

ref vs reactive

  • Από μακροσκοπική άποψη:
    1. Το ref χρησιμοποιείται για να ορίσει: δεδομένα βασικού τύπου, δεδομένα τύπου αντικειμένου.
    2. reactive χρησιμοποιείται για να ορίσει: δεδομένα τύπου αντικειμένου.
  • η διαφορά:
    1. Οι μεταβλητές που δημιουργούνται από το ref πρέπει να χρησιμοποιούν τιμή (μπορείτε να χρησιμοποιήσετε το πρόσθετο volar για αυτόματη προσθήκη αξίας).
    2. Το Reactive εκχωρεί εκ νέου ένα νέο αντικείμενο και θα χάσει την ανταπόκριση (μπορείτε να χρησιμοποιήσετε το 0object.assign για να το αντικαταστήσετε συνολικά).
  • Αρχές χρήσης:
    1. Εάν χρειάζεστε έναν βασικό τύπο δεδομένων με απόκριση, πρέπει να χρησιμοποιήσετε την αναφ.
    2. Εάν χρειάζεστε ένα αποκριτικό αντικείμενο, η ιεραρχία δεν είναι βαθιά, μπορεί να χρησιμοποιηθεί είτε ref είτε reactive.
    3. Εάν χρειάζεστε ένα αποκριτικό αντικείμενο με βαθιά ιεραρχία, συνιστάται να χρησιμοποιήσετε το reactive.

toRefs και toRef

αποτέλεσμα: Μετατρέψτε κάθε χαρακτηριστικό σε ένα αποκριτικό αντικείμενο σε αντικείμενο ref.
Παρατήρηση: Το toRefs έχει την ίδια λειτουργία με το toRef, αλλά το toRefs μπορεί να μετατραπεί σε παρτίδες.
Η σύνταξη έχει ως εξής:

import {reactive,toRefs,toRef} from
// 数据
let person = reactive({
	name:'张三
	age:18
})
let {name,age} = toRefs(person)
let nl = toRef(person,'age')