在Vue中，我們經常需要將服務器返回的json數據賦值給組件中的data對象。這里介紹一下如何使用Vue的響應式系統來實現這一過程。

首先，我們需要使用Vue的$http模塊發送HTTP請求獲取json數據。一般來說，我們可以在組件的created()函數中進行數據請求。如下所示：

created: function(){
this.$http.get('http://example.com/data.json').then(function(response){
this.data = response.data;
});
}

在這個代碼塊中，我們使用了Vue的$http模塊發起了一個HTTP GET請求，然后將服務器返回的json數據賦值給了組件的data對象。

需要注意的是，在Vue中，修改data對象的值需要使用Vue提供的$set()函數。這是因為Vue會在初始化時對data對象進行響應式處理，但是如果在初始化后添加或刪除屬性，Vue是無法響應的。因此，需要使用$set()函數來告訴Vue新增屬性。

this.$set(this.data, 'newKey', 'newValue');

如果我們需要在組件中引用json數據中的某個值，我們可以使用Vue的計算屬性。計算屬性會根據依賴的屬性自動更新。

computed: {
someValue: function(){
return this.data.someKey;
}
}

在這個代碼塊中，我們定義了一個計算屬性someValue，它依賴于data對象中的someKey屬性。當someKey的值發生改變時，someValue會自動更新。

綜上所述，Vue的響應式系統為我們帶來了很大的便利，使得我們可以方便地將json數據賦值給組件，并且輕松地從json數據中獲取感興趣的值。