الحالة المشتركة وPinia وحدود الملكية

import { ref, computed } from "vue"
import { defineStore } from "pinia"

export const useNotesStore = defineStore("notes", () => {
  const notes = ref([{ id: "n1", title: "Reactivity" }])
  const selectedId = ref(null)
  const selected = computed(() => notes.value.find(note => note.id === selectedId.value) ?? null)
  function selectNote(id) {
    if (!notes.value.some(note => note.id === id)) return false
    selectedId.value = id
    return true
  }
  return { notes, selectedId, selected, selectNote }
})

يتطلب الحزم ونسخة Pinia مثبتة بالتطبيق. تبدأ selected فارغة وتعيد العملية true للموجود. لم ينفذ الجزء مقابل Pinia.

import { storeToRefs } from "pinia"
import { useNotesStore } from "./stores/notes.js"

const store = useNotesStore()
const { notes, selected } = storeToRefs(store)
const { selectNote } = store
selectNote("n1")

يستخدم بسياق Pinia نشط مثبت، عادة setup متزامن. يحتفظ notes وselected بوصول المرجع في JavaScript. لا ينشئ الجزء السياق أو يدعي اختبار تشغيل المخزن.