用vue3实现从vuex中取数据赋到表单上

假设你的表单中有一个input元素，你可以通过以下步骤从Vuex中取数据并将其赋值给表单。

1. 在Vue组件中引入Vuex的mapGetters方法，该方法可以将Vuex中的getter映射到组件的计算属性中。

import { mapGetters } from 'vuex';

2. 在组件的计算属性中使用mapGetters方法映射所需的getter。

computed: {
  ...mapGetters(['getterName'])
}

3. 在input元素中使用v-model指令绑定计算属性中的getter。

<input type="text" v-model="getterName" />

完整代码示例：

<template>
  <div>
    <input type="text" v-model="getterName" />
  </div>
</template>

<script>
import { mapGetters } from 'vuex';

export default {
  computed: {
    ...mapGetters(['getterName'])
  }
}
</script>

其中，getterName是你在Vuex中定义的getter名称。这样，当Vuex中的getter发生变化时，表单中的值也会随之更新。