我仅将vuex状态用于包含用户数据。我是否需要存储包含已打开或已关闭面板的数据属性?
下面有一段代码..
const state = {
user: {
id: -1,
name: '',
authenticated: false,
avatar_url: '',
},
和标记
<h5 class="text-subhead-2 text-light">Some text</h5>
<div v-for="elem in elements" class="panel panel-default open" data-z="0.5">
//list of elements below
或者我可以根据我的所有要求使用vuex反应性?
答案 0 :(得分:0)
虽然@ceejayoz在评论中有一个有效的观点,但我想提出另一个角度来说明我们如何查看(双关语)。
我不知道您的应用程序的规模,但由于“打开/关闭”是一个标志(一个州),那么Vuex似乎是一个很好的地方。也许有一天你想开始跟踪某些(任何)交互或其他组件将依赖于面板的关闭/打开状态。然后,不是让面板组件发出事件,而是其他组件或跟踪器可以简单地关注状态(Vuex)。
现在,始终存在YAGNI原则,这就是我提出应用程序规模的原因。但我已经用一种状态管理器设置了我的所有Vue应用程序,因为它使得组件到组件之间的通信变得轻而易举。另一个有利于Vuex的观点是它已经是你项目的一部分了,所以它甚至不是集成它的问题,只是为你的应用程序的内部状态扩展它。