web-dev-qa-db-ja.com

VueJのアプリケーション全体からアクセスできる定数を作成する最良の方法は何ですか？

私はvuejsアプリケーションのストアを介して定数を作成できますが、それは良い習慣ではないと思います。同じことを行う他の方法は何ですか？

vue.jsvuex
8
Mukund Kumar

Vue appスコープ外の変数をいつでも定義して、アプリケーション全体で使用できます。

ただし、Webpack/Browserify/etcなどのバンドラーを使用している場合。同じことができますが、それを使用するすべてのコンポーネントにインポートする必要があります。その例を以下に示します。

//const.js
export default {
   c1: 'Constant 1',
   c2: 'Constant 2'
}

// component.vue
import const from './const';

export default {
  methods: {
    method() {
      return const.c1;
    }
  }
}
14
wegelagerer

あなたは方法を使うことができます

const State= Object.freeze({ Active: 1, Inactive: 2 });
export default {
  data() {
    return {
      State,
      state: State.Active
    };
  },
  methods: {
    method() {
      return state==State.Active;
    }
  }
}

または

const State= Object.freeze({ Active: 1, Inactive: 2 });
export default {
  data() {
    return {
      State_: State,
      state: State.Active
    };
  },
  methods: {
    method() {
      return state==State_.Active;
    }
  }
}
2
Roohi Ali

代わりにこれを試してください

//conts.js
const test = "texte";

export default test

//component.vue
import test from "./conts";

<template>
  <div>
   {{example}}
  </div>
</template>

export default {
  data: function(){
   return {
    example: test
  }
 }
}
0
alpha