Utilisation de l'événement mounted suite au montage d'un composant Vue.js

Publié le 05/10/2019 • Mis à jour le 05/10/2019

English language detected! 🇬🇧

  We noticed that your browser is using English. Do you want to read this post in this language?

Read the english version 🇬🇧

C'est une méthode très pratique permettant d'initialiser des choses une fois votre composant Vue.js monté. Ouvrez la console JavaScript de votre navigateur afin de voir les résultats (je n'ai pas utilisé la fonction Js alert() !).


Hello world!


<div class="h3" id="vue">
    <h3>Hello world!</h3>
    <button v-on:click="init">init()</button>
</div>

<script>
    "use strict";
    let vue = new Vue({
        delimiters: ['{', '}'],
        el: '#vue',
        methods:{
            init() {
                console.log('Component text:'+ this.$el.textContent)
            }
        },
        mounted() {
            console.log('the init() method was called from the mounted() one.')
            this.init()
        }
    });
</script>

 Plus sur Stackoverflow  Plus sur le web


» Commentaires

Respect de la vie privée avec Commento. (Système de commentaires ajouté le 17/10/2019 : soyez le permier ! 🥇)

Hello world!