由于商店是文件,因此我倾向于将它们设为snake_case.js
,以便在Vue中成为snake_case
。
但是,在Vue中蛇形保护套似乎使用不多,因此文件应该为camelCase.js
,以便可以将它们称为camelCase
。
我很欣赏Stack Overflow并不是真正的观点,因此我正在寻找指南或参考资料,其中指出了做到这一点的最佳方法。
答案 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'