vuex - 在 vue3 组合 API 中使用来自 vuex 存储的嵌套值的正确方法
问题描述
切换到 vue3 组合 API 我不确定我是否在组件中正确使用了来自 vuex 的嵌套值。虽然一切似乎都运行良好,但它“感觉”并不是 100% 正确。
// Example value in Store
customer: {
name: '',
address: ''
}
组件中的引用
// component
<template>
<div>
Enter your name <q-input v-model="customer.name" />
Enter your address <q-input v-model="customer.address" />
</div>
</template>
<script>
import {ref, computed} from 'vue'
import {useStore} from 'vuex'
export default {
setup(){
const store = useStore()
const customerStore = computed(() => {store.state.customer})
const customer = ref(customerStore.value)
export default(
customer
)
}
}
</script>
对于任何有关实现此目标的更好方法的反馈,我将非常高兴。
解决方案
推荐阅读
- java - 如何重新排列 LinkedList 中的元素,使负数排在第一位?它成功地结束了循环?
- wpf - 根据其内容调整 ListBox 项的宽度
- php - 如何从 Paypal 获取交易 ID (txn_id) 的详细信息?
- python - BiLSTM_Classifier 中的输入/输出/循环丢失层以及它们如何影响模型和预测
- spring - Spring MVC - 需要一个标题而不使用该值?
- notepad++ - 在 Notepad++ 中突出显示文本文件
- ruby-on-rails - 无法对哈希进行排序尝试了几种不同的方法
- r - 我可以从具有 0 行和 0 列的数据框中创建一个在 R 中具有 1 行和 11 列的小标题吗?
- excel - 无法将三个单独的宏集成为一个,以便可以使用单个按钮触发它们
- java - 由于运行时出现空指针异常,无法填充回收站视图