itsource

Vuex Store는 이름에 snake_case 또는 camelCase 중 어느 것을 사용해야 합니까?

mycopycode 2022. 8. 29. 22:23
반응형

Vuex Store는 이름에 snake_case 또는 camelCase 중 어느 것을 사용해야 합니까?

가게가 파일이기 때문에, 나는 그것들을 만들고 싶다.snake_case.js그래서 그들은snake_caseVue에서.

단, snake case는 Vue에서 많이 사용되지 않는 것 같기 때문에 대신 파일을 사용해야 합니다.camelCase.js그래서 그들은 라고 언급될 수 있다.camelCase.

Stack Overflow는 실제로 의견을 위한 것이 아니기 때문에 가장 좋은 방법을 기재한 가이드나 레퍼런스를 찾고 있습니다.

공식 Vue.js 스타일 가이드에는

"JavaScript에서는 camelCase가 더 자연스럽습니다.HTML에서 kebab-case는."

camel Case를 사용하여 코드 안에 그것들을 나열하고 읽는 것이 훨씬 우아하다고 생각합니다.저희 조직에서는 항상 다음과 같이 카멜을 사용하고 있습니다.

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
  }
})

다음과 같이 메인 vue의 app.dloads를 글로벌하게 Import했습니다.

import store from './store'

언급URL : https://stackoverflow.com/questions/51982234/should-vuex-stores-use-snake-case-or-camelcase-for-their-names

반응형