vue 通过ajax获取数据，dom元素没有更新里面数据

Question

1.通过ajax请求数据成功,vue 中的data里面内容已经更新；但是页面table里面的内容却没有更新。
2.且这里获取回来的数据并不是新添加的动态属性，并不会出现大家遇到动态的属性的数据不更新的问题。
请各位帮忙看一下。

$.ajax({
        type: 'get',
        url: url,
        data: postData,
        dataType: 'json',
        success: (res) => {
            let student_report = new Vue({
                el: '#student_report',
                data: function () {
                    return {
                        stu_scores: [],
                        indicator_info: [],
                        absent: {},
                        cheat: {}
                    }
                },
                created: function () {
                    this.stu_scores = res.stu_scores;
                    this.indicator_info = res.indicator_info;
                    this.absent = res.absent;
                    this.cheat = res.cheat;
                }
            });
        }
    });

Answer 1

感觉用axios 或者 vue-resource 来发送ajax请求。。

jQuery跟vue配合暂时没用过。。

另外 我觉得应该先是创建vue的实例 然后created的时候发送一个ajax请求来获取数据渲染一次，
然后在给对应的按钮绑定事件发送ajax请求来获取数据，然后通过新获取的数据来重新渲染一次页面。

Answer 2

一般是在 Vue 里通过事件或钩子发起 ajax 请求，这种将 vue 实例放在 ajax 请求回调中的比较少见。

建议改成通常的方式

Answer 3

应该是先创建实例，然后再里面实现动态更新。你这样写，每次都要创建一个新的实例