Vue配合jQuery+Ajax使用

如果单纯的通过jQuery拼接ajax响应的数据操作DOM的话，会感觉特别复杂，jQuery的template模板就很大程度上相似于VUE.js的逻辑，以下代码仅供参考：

var vm =   new Vue({
            el : '#controller',
            data : {
                res :{}
            },
            mounted : function () {
                var that = this;
                $.ajax({
                    url : 'XXXXXX',
                //    配置参数
                }).done(function (res) {
                    that.res.names = res.data.names;
                //    以此类推
                }).fail(function () {
                    console.log("请求失败")
                })
            }
        })

 <div id="controller">
                <div>响应的文本：{{res.names}}</div>
            </div>