javascript - vuejs中关于和jQuery的ajax后台的交互

Question

我想要使用vuejs调用jQuery的ajax，但是页面上的事件触发我想让页面一加载的时候就触发，该怎么操作
代码如下：
HTML：

<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("请求失败");
                }
            });
        }
    }
});

我该怎么做才能让页面一加载就发送ajax的请求呢？请大神指点，感激不尽

Answer 1

雷雷

Answer 2

那你就写在外面，为何写在showData方法里面？

Answer 3

你可以看vue文档 关于组件生命周期的那部分，有mounted()或者created()可以用来达到你的需求