Quelques tips vuejs

Ajouter des propriétés aux instances

Lorsqu'on développe une application Vuejs, on a souvent besoin de pouvoir accéder à certaine données de n'importe quel composant sans pour autant vouloir utiliser un système de store comme vuex ou utiliser le stockage dans le cache du navigateur. Parfois on voudrait seulement pouvoir stocker la langue de l'utilisateur, la version de l'app, etc..., pour cela Vuejs a prévu une solution qui est l'ajout de propriété aux instances.

Pour en savoir plus je vous invite à consulter ce lien

Pour résumer, on peut stocker la data en faisant un :

Vue.prototype.$appName = 'Mon App'

Et y accéder de n'importe quel composant de cette manière

console.log(this.$appName)

En sachant que l'on peut aussi stocker un objet de cette manière

var Commons = Object.freeze({ name: 'Mon App', version: '2.1.4', helpers: { // Ceci est une version purement fonctionnelle // de la méthode $reverseText décrite plus haut reverseText: function (text) { return text .split('') .reverse() .join('') } } })

Ensuite on stocke cet objet dans le prototype de vue

Vue.prototype.$commons = Commons;

Et y accéder de n'importe quel composant de cette manière

console.log(this.$commons.helpers.reverseText('ma super app')