Как создать локальный реф из vuex
С бэка прилетает пользователь с заполненным телефоном или нет.
пользователя я сохраняю в vuex.
в родительском компоненте формы я получаю номер телефона при помощи computed.
const phone = computed(() => userModule.state.user.phone)
дальше передаю в дочерний компонент инпута
app-phone-input(
:model-value="phone"
@update:model-value="phoneHandler"
)
получаю в дочернем компоненте
el-input(
v-model="phone"
)
props: {
modelValue: {
type: String,
required: true,
},
},
emits: ['update:modelValue'],
setup(props, { emit }) {
return {
phone: computed({
get: () => props.modelValue,
set: (value) =>
emit('update:modelValue', value),
}),
}
}
таким образом я получаю в консоли computed только для чтения и его нельзя изменять.
и вопрос как мне создать локальный реф в родительском компоненте, что бы не изменять его в vuex.
заранее спасибо.