Как получить доступ к объектам внутри методов vue.js?

Question

У меня есть массив json, полный объектов, внутри моего скрипта vue, например:

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

И теперь я хотел бы получить доступ к этим значениям в моем twig,как я делал с angularjs, например:

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

Как мне этого добиться?

Answer 1

Вам нужно поместить его в метод data ()

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

в шаблоне, вы можете получить доступ только к свойствам "data" или "computed".И свойство должно быть объявлено в данных, прежде чем назначить.Это необходимо, потому что Vue создаст наблюдателя для этих свойств для обработки изменений и обновления DOM.