Vue.js compteur de clic

psd-html
Javascript

Bonjour à tous,

Je viens de visionner les vidéos sur vuejs, super comme d’habitude.

Pour tester les possibilités de vuejs, je viens de créer un compteur de clic

<script>

     new Vue({
          el: '#test',
          data: {
            link: 'http://www.site.fr',
            count: 0
          },

          methods: {
            greet: function(){
              this.count++;
            }
          }
        })
</script>

J'ai juste une question, peut-on sauvegarder ce compteur dans un fichier txt ou autre, existe t-il une fonction vuejs pour sauvegarder ?

Merci d'avance pour vos explications

2 réponses

tleb
Réponse acceptée

Il y a deux moyens de sauvegarder, qui sont bien différentes l'une de l'autre :

  • sauvegarder en local (avec le localStorage par exemple). Chaque utilisateur du site aura un compteur différent, vu que les données sont sauvegardés en local.
  • sauvegarder sur le serveur avec une requête HTTP ou un websocket. Pour que tout le monde ait le même compteur, il faut que tu envoies les données au serveur (le plus simple étant avec une requête HTTP. En chargant la page, tu feras une requête pour avoir les bons données (avec created). Ensuite, à chaque changement du counter (avec watch), tu envoies les données au serveur.
betaWeb

Salut,

On ne peut rien sauvegarder dans un fichier côté client. Si tu veux store qqch, il va falloir passer par une API (tu peux utiliser vue-resource). Sinon, regarde du côté du LocalStorage / SessionStorage du navigateur.