Как вывести определенное значение объекта посредством axios-запроса?

Question

[svk44]

Данным запросом

actions:
...
        GET_TITLES_FROM_API({commit}){
            return axios('${url}', {
                method: "GET",
            })
                .then((titles) =>{
                    commit('SET_TITLES_TO_STATE', titles.data)
                    console.log(titles.data)
                    return titles;

                })
                .catch((error) =>{
                    console.log(error)
                    return error;
                })
        },
...
mutations: 
...
        SET_TITLES_TO_STATE: (state, titles) => {
            state.titles = titles;
        },
...
state: 
titles: [],

получаю следующий ответ:

{section_count: 2, sections: Array(2)}
section_count: 2
sections: Array(2)
0: {id: 1, title: 'тестовая', created_at: null, updated_at: null}
1: {id: 2, title: 'Пицца', created_at: null, updated_at: null}
length: 2
[[Prototype]]: Array(0)
[[Prototype]]: Object

Задача: выводить и отображать на сайте только название секции('Тестовая' и 'пицца').
как это возможно реализовать?

Answer 1

[Александр]

https://v3.vuex.vuejs.org/guide/getters.html#the-m...
https://v2.vuejs.org/v2/api/#v-for