vue json 字符串数据处理

可以使用 Vue.js 的内置指令 v-for 和 v-bind 来处理 JSON 对象。

首先，需要将 JSON 字符串解析为对象，可以使用 JSON.parse() 方法。

接下来，可以使用 v-for 指令遍历对象的属性，然后使用 v-bind 将属性名和属性值绑定到相应的 HTML 元素上。

例如，假设有如下的 JSON 字符串：

var jsonStr = '{"name": "John", "age": 30, "city": "New York"}';
var jsonObj = JSON.parse(jsonStr);

可以在 Vue 模板中使用以下代码来显示 name、age 和 city 属性的值：

<ul>
  <li v-for="(value, key) in jsonObj" :key="key">
    {{ key }}: {{ value }}
  </li>
</ul>

在这个例子中，v-for 遍历对象的每个属性，然后 v-bind 绑定属性名和属性值到相应的 li 元素上。

输出结果将会是：

- name: John
- age: 30
- city: New York