Usamos cookies para mejorar tu experiencia en el sitio
CodeWorlds

Projekt: Dashboard Misji z Computed i Watch

Finalny projekt Centrum Obliczen! Zbuduj zaawansowany dashboard misji kosmicznej, ktory w czasie rzeczywistym oblicza parametry lotu, monitoruje systemy krytyczne i automatycznie generuje raporty. Wykorzystasz computed properties do automatycznych obliczen i watchery do reaktywnego monitorowania zmian.

Podsumowanie modulu

W tym module poznales:

  • Computed properties — automatyczne obliczenia zalezne od reaktywnych danych. Cachowane — przeliczaja sie tylko gdy zmienia sie zaleznosc. Wywolywane bez nawiasow:
    {{ fuelStatus }}
    .
  • Computed z getter/setter — dwukierunkowe wlasciwosci obliczane. Getter odczytuje, setter parsuje i rozdziela dane. Przydatne do konwersji jednostek i parsowania formatow.
  • watch() — reczne obserwowanie zmian z pelna kontrola. Jawne zrodlo, dostep do oldValue/newValue, opcje
    immediate
    ,
    deep
    ,
    once
    . Watch na wiele zrodel jednoczesnie.
  • watchEffect() — automatyczne sledzenie zaleznosci. Nie trzeba deklarowac co obserwowac — Vue wykrywa to automatycznie. Wykonuje sie natychmiast. Cleanup przez
    onCleanup
    .
  • Zatrzymywanie watcherow — kazdy watcher zwraca funkcje stop. Pauzowanie/wznawianie w Vue 3.5+. Warunkowe zatrzymywanie w callbacku.

Wymagania projektu

Zbuduj Dashboard Kontroli Misji ktory zawiera:

1. Computed properties do obliczen misji

Dane wejsciowe: predkosc (km/s), odleglosc do celu (km), zuzycie paliwa (litrow/s), pojemnosc zbiornika (litry). Obliczaj automatycznie: szacowany czas dotarcia, calkowite zuzycie paliwa, procent pozostalego paliwa, status misji (NOMINAL/WARNING/CRITICAL).

2. Watch na parametrach krytycznych

Monitoruj temperature silnika (input range 0-5000K). Gdy przekroczy 3500K, wyswietl ostrzezenie "WARNING". Gdy przekroczy 4500K, wyswietl "CRITICAL" i automatycznie zmniejsz predkosc. Zapisuj historie zmian temperatury (ostatnie 10 wartosci).

3. watchEffect na statusie systemu

Automatycznie generuj raport tekstowy w panelu bocznym, ktory aktualizuje sie przy kazdej zmianie parametrow misji. Raport powinien zawierac aktualna predkosc, temperature, zuzycie paliwa i szacowany czas dotarcia.

4. Cleanup i kontrola watcherow

Dodaj przycisk "Monitoring ON/OFF" ktory wlacza/wylacza watcher temperatury. Gdy monitoring jest wylaczony, zmiany temperatury nie generuja alarmow. Uzyj funkcji

stop()
i ponownego tworzenia watchera.

Rozbuduj starter ponizej!

Ir a CodeWorlds