Vue的js取值模板及方法调用

var mVue = new Vue({
            el: '#detail',
            data: {
                ryList: [],
                activeContent: []
            },
            methods: {
                getDetailContent: function() {
                    var request = {
                        QueryString: function(val) {
                            var reg = new RegExp("(^|&)" + val + "=([^&]*)(&|$)");
                            var result = window.location.search.substr(1).match(reg);
                            return result ? decodeURIComponent(result[2]) : null;
                        }
                    };
                    var id = request.QueryString('id');
                    $.ajax({
                        url: BASE_URL + "/dwbz/details",
                        data: {
                            "id": id
                        },
                        cache: true,
                        async: false,
                        dataType: "json",
                        success: function(data) {
                            if (data.StateCode == 200) {
                                if (data.Data.length == 0) {
                                    mVue.ryList = [];
                                } else {
                                    mVue.ryList = data.Data;
                                }
                            } else {
                                mVue.ryList = [];
                            }
                        }
                    });
                },
                dangwbz: function(str) {
                    if (str == "dw") {
                        return "党委"
                    } else if (str == "jw") {
                        return "纪委"
                    } else {
                        return "";
                    }
                },
                dangnzw: function(code) {
                    switch (code) {
                        case "HUBT001":
                            return "党 4000 （工）委书记";
                        case "HUBT003":
                            return "党（工）委副书记";
                        case "HUBT004":
                            return "党（工）委常委";
                        case "HUBT005":
                            return "党（工）委委员";
                        case "HUBT006":
                            return "党委候补委员";
                    }
                },
                promise: function(str) {
                    if (str == null) {
                        $("#promiseContent").css("color", "red")
                        return "尚未完成资料"
                    }
                },
                activate: function() {
                    $.ajax({
                        url: BASE_URL + "/hooklist/get",
                        data: {
                            "leaderName": mVue.ryList.UserName
                        },
                        cache: true,
                        async: false,
                        dataType: "json",
                        success: function(data) {
                            if (data.StateCode == 200) {
                                if (data.Data.length == 0) {
                                    mVue.activeContent = [];
                                } else {
                                    mVue.activeContent = data.Data;
                                    console.log(data.Data)
                                }
                            } else {
                                mVue.ryList = [];
                            }
                        }
                    });
                },
                substr: function(str) {
                    return str = str.substring(0, 10);
                }
            }
        })
        mVue.getDetailContent();
        mVue.activate();