Vue.js 是否可以通过Vuex管理Vue组件中的本地状态

目前，我正在使用Vuex管理应用程序级状态

我只需要在Vue组件生命周期内存储数据。是否可以在不涉及全局存储的情况下使用Vuex存储本地组件状态

例如，我有这样一个组件：

class SomeComponent扩展了Vue{
id=此。$props.componentId；
localData={}；
异步创建（）{
this.localData=await apiClient.getdatabyd（this.id）；
}
}

然后我可以使用具有不同属性的组件

componentId

，每个组件都应该管理自己的状态

所以我想看到的理想变体是：

从“/local store”导入LocalStore；
类SomeComponent扩展了Vue{
id=此。$props.componentId；
localStore=new localStore（）；//是的，这是绝对可能的。我从未使用过基于类的语法，但在基于对象的语法中，它看起来像这样


{{state1}}
{{state2}}

{{localState}}


导出默认值{
计算：{
国家1（）{
返回此项。$store.state.state1；
}
国家2（）{
返回此。$store.state.state2；
}
},
数据（）{
返回{
本地州：3
}
},
道具：{
组件：{
类型：编号
},
}

同样，我从来没有使用过类基语法，但它可能看起来像这样的伪代码

从“vue类组件”导入{Prop}
导出默认类应用程序扩展Vue{
获取状态1（）{
返回此项。$store.state.state1；
}
获取状态2（）{
返回此。$store.state.state2；
}
localState=3
@支柱（
组件ID：数字
}
谢谢。我想我把这个问题描述错了。我想用Vuex作为本地状态，而不是内置的Vue数据状态。@Ky6uk哦，我明白了。呃，我不认为这是可能的（我希望我能给出一个明确的答案，因为我以前从未尝试过以这种方式在应用程序中构建）。您可能可以通过
this.$store.state.variable
或其他方式访问状态，但它不会是被动的。vuex与vue的耦合非常紧密，因此您可能希望购买其他状态管理解决方案或改变方法