Vuex商店应该使用snake_case还是camelCase作为名称?

时间:2018-08-23 09:13:49

标签: vuex

由于商店是文件,因此我倾向于将它们设为snake_case.js,以便在Vue中成为snake_case

但是,在Vue中蛇形保护套似乎使用不多,因此文件应该为camelCase.js,以便可以将它们称为camelCase

我很欣赏Stack Overflow并不是真正的观点,因此我正在寻找指南或参考资料,其中指出了做到这一点的最佳方法。

2 个答案:

答案 0 :(得分:3)

official Vue.js style guide,中,他们说

  

“在JavaScript中,camelCase更自然。在HTML中,kebab-case   是。”

答案 1 :(得分:1)

在我看来,使用camelCase在代码中列出和读取它们似乎更加优雅。在我的组织中,对于商店,我们总是使用骆驼,如下所示:

import Vue from 'vue'
import Vuex from 'vuex'
import filtersStore from './modules/filters'
import langStore from './modules/lang'
import modulesStore from './modules/modules'
import utilStore from './modules/util'
import productsStore from './modules/products'
import catalogueStore from './modules/catalogue'
import reportsStore from './modules/reports'
import featuresStore from './modules/features'
import feedDataStore from './modules/feedData'

无论如何,我知道这两种形式都被认为是好的做法。

_编辑

以上所有内容都在/store/index.js中,并通过以下方式导出:

export default new Vuex.Store({
  mutations,
  modules: {
    filtersStore,
    langStore,
    modulesStore,
    utilStore,
    productsStore,
    catalogueStore,
    reportsStore,
    featuresStore,
    feedDataStore
  }
})

以及全局导入的un vue的app.js,例如:

import store from './store'