القيم المحسوبة والمراقبات المقصودة

<script setup>
import { ref, computed } from "vue"
const notes = ref([
  { id: "n1", finished: false },
  { id: "n2", finished: true }
])
const unfinishedCount = computed(() =>
  notes.value.filter(note => !note.finished).length
)
</script>

<template>
  <p>Unfinished: {{ unfinishedCount }}</p>
</template>

تنتج البيانات Unfinished: 1 في مشروع مضبوط، ويجعل إنهاء n1 العدد صفراً عبر المالك. روجع السلوك الموثق ولم ينفذ في متصفح.

import { ref, watch } from "vue"

const selectedId = ref("n1")
const transitions = ref([])
watch(selectedId, (current, previous) => {
  transitions.value.push({ previous, current })
})

selectedId.value = "n2"

يستخدم داخل setup متزامن أو نطاق أثر مدار. بعد معالجة التغير الواحد يحتوي التاريخ انتقال n1 إلى n2. يتطلب الجزء Vue وليس برنامجاً مستقلاً منفذاً.