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

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

0 голосов
/ 01 февраля 2019

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

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

Ответы [ 3 ]

0 голосов
/ 01 февраля 2019

Я могу создать файл 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';

спасибо

0 голосов
/ 03 февраля 2019

Для меня это зависит от контекста.В большинстве случаев я нахожу константы полезными в контексте хранилища 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';
...

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

0 голосов
/ 01 февраля 2019

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

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