Appliquer une variable globale à Vuejs

Question

J'ai une variable javascript que je veux transmettre globalement aux composants Vue lors de l'instanciation. Ainsi, soit chaque composant enregistré l'a comme propriété, soit on peut y accéder globalement.

Note: : J'ai besoin de définir cette variable globale pour vuejs en tant que LIRE SEULEMENT propriété

Answer 1

Vous pouvez utiliser Vuex pour gérer toutes vos données globales

Answer 2

Dans votre fichier main.js, vous devez importer Vue comme ceci :

import Vue from 'vue'

Ensuite, vous devez déclarer votre variable globale dans le fichier main.js comme ceci :

Vue.prototype.$actionButton = 'Not Approved'

Si vous voulez changer la valeur de la variable globale à partir d'un autre composant, vous pouvez le faire comme suit :

Vue.prototype.$actionButton = 'approved'

https://vuejs.org/v2/cookbook/adding-instance-properties.html#Base-Example

Answer 3

Dans main.js (ou tout autre fichier js)

export const variale ='someting' dans app.vue (ou tout autre composant)

import {key} from '../main.js' (file location) définir la clé d'une variable dans une méthode de données et l'utiliser.

Answer 4

Une possibilité est de déclarer la variable dans l'index.html car elle est vraiment globale. Cela peut être fait en ajoutant une méthode javascript pour retourner la valeur de la variable, et elle sera en LECTURE SEULE. C'est ce que j'ai fait :

Supposons que j'ai 2 variables globales (var1 et var2). Il suffit d'ajouter à l'en-tête index.html ce code :

  <script>
      function getVar1() {
          return 123;
      }
      function getVar2() {
          return 456;
      }
      function getGlobal(varName) {
          switch (varName) {
              case 'var1': return 123;
              case 'var2': return 456;
              // ...
              default: return 'unknown'
          }
      }
  </script>

Il est possible de créer une méthode pour chaque variable ou d'utiliser une seule méthode avec un paramètre.

Cette solution fonctionne entre différents mixins Vuejs, c'est une valeur vraiment globale.