Vuejs - Méthodes publiques
Durant le processus de développement d’une application Vuejs, vous pouvez avoir besoin de faire communiquer un module externe avec votre application. Voici comment faire.
Prérequis
Pour ce tuto j’ai utilisé la version 2.1.3 de vuejs
But du tutoriel
Réussir à communiquer avec vuejs via le scope window
. Nous allons ici juste donner la possibilité de modifier un texte dynamiquement.
Le commencement
Un petit fichier index.html
tout joli fera l’affaire
Et un fichier app.js
Par défaut on voit bien qu’il nous est impossible de communiquer depuis le scope window
avec l’instance Vue
.
Première solution
La première solution qui nous viens à l’esprit est de passer notre instance de vue dans le scope global comme ceci :
Cela à le mérite de fonctionner, mais…
Ne pas faire ça !!!
Le gros danger ici est qu’un utilisateur lambda pourra accéder entièrement à votre application et tout modifier (y compris le store).
La solution propre
La solution que j’ai retenu est de n’ouvrir qu’une seule méthode de notre instance qui nous permettra de communiquer de manière sécurisé avec l’extérieur.