validation - Vuex 是放置验证规则的地方吗？

Question

我是 Vuex 的新手，我想知道是否将我的表单验证规则(单击提交按钮时必须检查)放在 Vuex 文件中(例如，在 getter 中)。我也不清楚放置相应错误消息的位置。

有什么想法吗？

编辑

我想以更笼统的方式提出我的问题。在大中型 Web 应用程序中，总是存在某种数据逻辑(或者可能是业务逻辑)，验证是最常见的情况之一。

回顾一下MVC或MVVM架构，Model就是放这些数据和业务逻辑的地方，如果我做的是MVC或MVVM项目，我肯定会把验证逻辑放在Model里面。所以我想知道，Vuex等状态管理系统是不是要在MVC或者MVVM中扮演类似Model的角色？我们是否应该将我们的数据逻辑从组件分离并移动到 Vuex？

我找到了一个相关的答案here ，但我不确定这是否正确。

Answer 1

我可以分享我的方法。

我有 constants 文件夹和 rules.js 文件，其中包含以下代码:

export default {
  password: "min:2|max:32"
}

然后使用 Vue.prototype.$rules 我在所有应用程序中共享这个对象:

import Vue from 'vue'
import rules from 'rules'
Vue.prototype.$rules = rules

我可以在任何地方轻松使用它:

<template>
  <input-component :rules="$rules.password"></input-component>
</template>

<script>
  export default {
    created() {
      console.log(this.$rules.password)
    }
  }
</script>

我和我的团队对这种方法感到满意。