Comment appeler une fonction Vue.js au chargement de la page?

Frameworks Web Framework Front-end Vue.js
, , , , ,
1

Comment puis-je appeler une méthode au chargement de la page?

Par exemple :

<div id='wraper'>
    <!-- Le menu ne se charge pas -->
    <div id="menu">
      <a href='#'>lorem ipsum</a>
      <a href='#'>lorem ipsum</a>
      <a href='#'>lorem ipsum</a>
    </div>
    
    <!-- charger ce contenu  -->
    <div id="content">
       lorem ipsum
    </div>
</div>
2

Pour vueJS >= 2.0 utilisez mounted et pour les versions précédentes utilisez ready.

v = new Vue({
  el:"#app",
  mounted:function(){
        this.mymethod() //mymethod sera exécutée au chargement de la page
  },
  methods:{
        mymethod:function(){
              /* votre code */
        }
     },
})
3

Vous pouvez appeler cette fonction dans la section beforeMount d’un composant Vue : comme suit :

 ....
 methods:{
     mymethod: function() {...}
 },
 beforeMount(){
    this.mymethod()
 },
 ......
4

Vous devez faire quelque chose comme ceci (si vous voulez appeler la méthode au chargement de la page) :

new Vue({
    // ...
    methods:{
        mymethod: function() {...}
    },
    created: function(){
        this.mymethod()
    }
});