我是否需要使用vuex来记录标记数据?

时间:2017-02-21 22:04:03

标签: vue.js vuex

我仅将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反应性?

1 个答案:

答案 0 :(得分:0)

虽然@ceejayoz在评论中有一个有效的观点,但我想提出另一个角度来说明我们如何查看(双关语)。

我不知道您的应用程序的规模,但由于“打开/关闭”是一个标志(一个州),那么Vuex似乎是一个很好的地方。也许有一天你想开始跟踪某些(任何)交互或其他组件将依赖于面板的关闭/打开状态。然后,不是让面板组件发出事件,而是其他组件或跟踪器可以简单地关注状态(Vuex)。

现在,始终存在YAGNI原则,这就是我提出应用程序规模的原因。但我已经用一种状态管理器设置了我的所有Vue应用程序,因为它使得组件到组件之间的通信变得轻而易举。另一个有利于Vuex的观点是它已经是你项目的一部分了,所以它甚至不是集成它的问题,只是为你的应用程序的内部状态扩展它。