Vuejs2 如何访问vue.js方法中的对象？

我的

vue

脚本中有一个

json

数组，里面充满了对象，如下所示：

methods:{
 getProjects: function(){
    this.projects = JSON.parse('[{"cluster": "Demo", "name":"Joe", "id": 5454, "percentage": 100, etc}]');
  },
},

现在，我想访问我的

小树枝

中的那些值，就像我对

angularjs

所做的那样，例如：

<h5>{{ cluster.name }}</h5>

{{cluster.name}

---

如何实现这一点？

您需要将其放入data（）方法中

导出默认值{
数据（）=>({
集群：[]
}),
方法：{
getProjects（）{
this.cluster='…'；
}  
}
}

在模板中，只能访问“数据”或“计算”属性。在赋值之前，必须在数据中声明属性。 这是必要的，因为Vue将在这些属性上创建一个观察者来处理更改和更新DOM

<script>
export default {
  data() => ({
    cluster: []
  }),
  methods: {
    getProjects() {
      this.cluster = '...';
    }  
}
}
</script>