在Vue中，我們經常需要從后端返回的json數據中取出某些字段，并將其賦值到組件中的變量上。這時，我們可以使用Vue的語法糖——v-model，在data中定義變量，并在模板中使用v-bind指令進行綁定，實現將數據動態渲染到頁面上的效果。

下面是一個簡單的示例代碼，該代碼中從后端返回了一個json數據，我們需要將其中的username和email賦值給組件中的變量：

<template>
<div>
<p>{{ userdata.username }}</p>
<p>{{ userdata.email }}</p>
</div>
</template>
<script>
export default {
data() {
return {
userdata: {}
}
},
mounted() {
// 假設這是從后端返回的json數據
const res = {
code: 0,
message: 'success',
data: {
username: 'john',
email: 'john@gmail.com'
}
}
// 將數據賦值到組件中的變量中
this.userdata = res.data
}
}
</script>

在以上代碼中，我們將從后端返回的json數據res中的data字段中的username和email賦值到了組件中的userdata變量上，并在模板中使用了v-bind指令將用戶名和郵箱動態渲染到了頁面中。

總的來說，Vue中對于json數據的賦值和渲染非常方便，只需要簡單的使用v-model和v-bind指令就可以輕松實現。不過在開發過程中，我們還需要注意json數據的格式和類型，以免出現不必要的錯誤。