Vue3 why is reactivity not firing?

Question

Vue.js

There is such a computer that successfully fulfills

const defaultLocation = computed(() => store.getters['ResourcesStore/defaultLocation'])

the value of this computer is assigned to a property of the object.

const actionParams = ref({
    location_id: defaultLocation.value,
})

Why when the value in defaultLocation changes, the old value remains in the property of the object?


from setup method actionParams returns

return {
    actionParams 
}

Answer 1

Well, actually, because it shouldn't. The location_id is set to the original defaultLocation value, and that's it