vue中使用ajax

var vue = new Vue({
        el:"#vueid",  
        data:{
            selectById : "",
        },
        methods:{
            yourMethod:function(id){ 
                 $.ajax({
                    type : "POST",
                    url : "selectCsdbById.shtml",
                    data : {
                        id : id,
                    },
                    success : function(data) {
　　　　　　　　　　　　　　 var message = $.parseJSON(data);//后台返回的json數據需要轉為對象
                         vue.selectById=message;//把后台返回的JSON數據賦給selectById
                    },
                    error : function(){
                        alert("錯誤");
                    }

                });
            },
            updateById:function(){
                $.ajax({
                        type : "POST",
                        url : "updateById.shtml",
                        data : vue.selectById,
                        success : function(data) {
                            alert(data);
                        },
                        error : function(){
                            alert("錯誤");
                        }

                    });
            },
        }
    })      

html

<div id="vueid">
<input type="text" name="name" v-model="selectById.name" > //v-model實現數據的雙向綁定
</div>

注意：使用<a>標簽時，必須令href="JavaScript:void(0)"，這樣做的作用是禁止頁面刷新（表示頁面不做任何動作），否則vue渲染會失敗

總結：

使用vue+ajax可以有效的減少頁面的刷新，並且不需要拼接html代碼，當需要更新表單時，由於v-model的雙向綁定，只需要提交相應的對象就行，對象里的數據已經自動替換了。（剛接觸VUE，菜鳥一枚，寫的不好勿噴！！！同時希望各位大神指出不對的地方！O(∩_∩)O謝謝！！！！）