Каков наилучший способ хранения констант в Nuxt?

Question

У меня есть проект nuxt (vuejs), и мне интересно, как хранить константы в моем проекте?(около 50 констант).

Спасибо за ваш ответ.kaboume

Answer 1

Я могу создать файл constants.js и

 // constants.js
 export const CONSTANT_1 = 'CONSTANT_1';
 export const CONSTANT_2 = 'CONSTANT_2';
 export const CONSTANT_3 = 'CONSTANT_3';

 // And call it like this
 import { CONSTANT_1 } from 'constants';

спасибо

Answer 2

Для меня это зависит от контекста.В большинстве случаев я нахожу константы полезными в контексте хранилища Vuex для мутаций.

Вы можете определить список констант следующим образом:

// store/mutation-types.js
export const TOGGLE_MENU_STATE = 'TOGGLE_MENU_STATE';

И затем использовать их в мутацияхfiles

import {
  TOGGLE_MENU_STATE,
} from '../store/mutation-types';

const mutations = {
  [TOGGLE_MENU_STATE](state) {
    state.isOpen = !state.isOpen;
  },
};

export default mutations;

В любом случае, Nuxt очень тщательно продумывает структуру папок, и вы можете расширить ее.Вне магазина, учитывая все обстоятельства, я бы, вероятно, просто создал папку constants и заполнил ее тем, что вам нужно.

// constants/app-constants.js -- example
export const HYDRATING_SUCCESS = 'HYDRATING_SUCCESS';
export const HYDRATING_FAILED = 'HYDRATING_FAILED';
export const LOADING = 'LOADING';
export const LOADED = 'LOADED';
export const SET_ERROR_STATE = 'SET_ERROR_STATE';
export const CLEAR_ERROR_STATE = 'CLEAR_ERROR_STATE';
...

И всегда импортировал только те, которые вам нужны.Преимущество также состоит в том, что вы можете разделить константы на несколько файлов по темам, если хотите.

Answer 3

Я использую constant.js

   const api = "api";
   export default Object.freeze({
    api,
   });