Si vous souhaitez accéder à la valeur d'unestateréaction directement dans les paramètres du script, vous pouvez utiliser ladéstructuration d'objetcomme ceci :

import { reactive, toRefs } from "vue" const state = reactive({ name: "admin", age: 20 }) const { name, age } = toRefs(state)

Vous pourrez ensuite accéder à vos valeurs directement dans le template

Cependant, tous les attributs doivent être ressaisis, ce qui n'est pas pratique

脚本设置Traduction implicite des définitions de variables

const a = ...

à

return { a: ... }

return {...dynamicValue}dans

脚本设置中的return {...dynamicValue}是不可替代的，它仅适用于常见用例。这需要将其与脚本n'est pas remplaçable, il ne convient qu'aux cas d'utilisation courants. Cela nécessite de le combiner avec unscript.

return {...toRefs(state)}没有什么好处，因为脚本块中不使用生成的引用。即使它们是，它们通常也被定义为单独的反应值而不是stateCible :

const a = ref(...) const b = reactive(...) return { a, b }; // Not needed in script setup

Si vous devez gérer ces valeurs comme un seul objet, vous pouvez les combiner :

const a = ref(...) const b = reactive(...) const state = reactive({ a, b }); return { a, b }; // Not needed in script setup

Cela fonctionne de la même manière pour lesscriptset脚本和脚本设置.