javascript - Interaction avec l'arrière-plan ajax de jQuery dans Vuejs

Question

Je souhaite utiliser vuejs pour appeler l'ajax de jQuery, mais l'événement sur la page est déclenché. Je souhaite qu'il soit déclenché dès le chargement de la page.
Comment faire ?

<p id="app">
     <button id="but" v-on:click="showData">测试加载数据</button>
     <table border="1">
       <tr v-for="data in users">
           <td>{{data.name}}</td>
           <td>{{data.details1}}</td>
           <td>{{data.details2}}</td>
       </tr>
   </table>
</p>

js :

var vum = new Vue({
    el:"#app",
    data:{
        users:""
    },
    methods:{
        showData:function(){
            $.ajax({
                url:"请求路径",
                type:"post",
                dataType:"json",
                success:function(result){
                    if(result.state==0){
                        vum.users = result.data;
                    }
                },
                error:function(){
                    alert("请求失败");
                }
            });
        }
    }
});

Que dois-je faire pour envoyer une requête ajax dès que la page est chargée ? S'il vous plaît, donnez-moi quelques conseils, merci beaucoup

Answer 1

var vum = new Vue({
    el:"#app",
    data:{
        users:""
    },
    created () {
        $.ajax({
            url:"请求路径",
            type:"post",
            dataType:"json",
            success:function(result){
                if(result.state==0){
                    vum.users = result.data;
                }
            },
            error:function(){
                alert("请求失败");
            }
        });
    },
    methods:{
        
    }
});

Answer 2

Ensuite, vous l'écrivez à l'extérieur, pourquoi l'écrire à l'intérieur de la méthode showData ?

Answer 3

Vous pouvez lire la documentation de vue sur le cycle de vie des composants. Mounted() oucreated() peuvent être utilisés pour répondre à vos besoins