vue json 解析（get）

{
id: 1,
name: "李四",
age: 11,
email: "b@qq.com"
},

    var app_user_list = new Vue({
            el: '#app_userList',
            data: {
                userList: {}
            },
            methods: {
                getUserList: function () {
                    var that = this;
                    axios.get("http://localhost:8081/user").then(function (response) {
                        console.log(response.data);
                        that.userList = response.data;
                    }, function (err) {
                        console.log(err);
                    })
                }
            }
        }
    )

<div id="app_userList">
    <div class="table">
        <div class="tr bg-w">
            <div class="th">id</div>
            <div class="th">name</div>
            <div class="th ">age</div>
            <div class="th ">email</div>
            <div class="th ">edit</div>
        </div>
        <block v-for="user in userList">
            <div class="tr bg-g" v-if="user.id % 2 == 0">
                <div class="td">{{user.id}}</div>
                <div class="td">{{user.name}}</div>
                <div class="td">{{user.age}}</div>
                <div class="td">{{user.email}}</div>
                <div class="td" id="edit">修改|编辑</div>
            </div>
            <div class="tr" v-else>
                <div class="td">{{user.id}}</div>
                <div class="td">{{user.name}}</div>
                <div class="td">{{user.age}}</div>
                <div class="td">{{user.email}}</div>
                <div class="td" id="edit">修改|编辑</div>
            </div>
        </block>
    </div>
    <button bindtap="addUser" type="primary" @click="getUserList">获取信息</button>
</div>