Vue · Middle · Pytanie 18 z 75
Na co pozwala reaktywna destrukturyzacja propsów z 3.5?
const { size = "md", count } = defineProps<{ size?: string; count: number }>();
const double = computed(() => count * 2);- ✓Poprawna odpowiedź: Zdestrukturyzowane propsy pozostają reaktywne w computed i szablonach, a wartości domyślne pisze się jak w JS
- 2Propsy stają się zapisywalne
- 3Zdestrukturyzowane propsy tracą reaktywność, więc się tego odradza
Wyjaśnienie
Kompilator przepisuje count na props.count. Aby obserwować zdestrukturyzowany props, nadal potrzebny jest getter: watch(() => count, ...).