vue接收json对象

在Vue.js中，接收JSON对象通常发生在数据绑定或者从服务器获取数据的时候。你可以通过以下几种方式来做：

1. **设置初始数据**：
在Vue组件的data选项中直接定义一个JSON对象：

   data() {
     return {
       jsonData: {
         key1: "value1",
         key2: "value2"
       }
     };
   }

2. **响应式属性**：
如果需要动态地从服务器获取JSON数据，可以使用`v-bind`或`$set`：

   mounted() {
     axios.get('your-api-url')
       .then(response => {
         this.jsonData = response.data; // 使用axios或其他HTTP库获取JSON
       });
   }

3. **计算属性**：
对于复杂的计算，可以使用计算属性（computed property）：

   computed: {
     formattedJson() {
       return JSON.parse(this.serverResponse); // 解析服务器返回的字符串JSON
     }
   },
   data() {
     return {
       serverResponse: ''
     };
   }

4. **模板绑定**：
在模板中，可以直接使用变量名绑定JSON对象：

   <div v-for="(item, index) in jsonData" :key="index">
     {{ item.key1 }} - {{ item.key2 }}
   </div>