Как правильно обращаться к свойствам объекта vue?

Question

[Александра]

Всем привет, разъясните пожалуйста одну странную особенность vue.js - получаю данные с сервера в action vuex, соответственно получаю сеттером в компоненте, данные приходят корректно и выводятся корректно. Но когда я обращаюсь к свойствам объекта в компоненте более трех вложенностей (getStata.recommendations.count) выходит такая ошибка , при этом данные корректно выводятся

[Vue warn]: Error in render: "TypeError: can't access property "count", _vm.getStata.recommendations is undefined"

found in

---> <MainData> at src/components/dashboard/MainData.vue
       <MyHome> at src/views/Home.vue
         <MyMain> at src/App.vue
           <Root> vue.runtime.esm.js:619

Но если обращаюсь в контексте двух вложенных свойств ошибки такой нет getStata.recommendations

Comments

[WapSter]

А там правда есть такое свойство?

[Александра]

WapSter, в том и дело, что свойство есть и оно корректно выводится в компоненте

[WapSter]

Александра, тогда стоит делать проверку через v-if есть ли данное свойство или в vuex сразу добавить свойства которые собираешься использовать

[Александра]

WapSter, раскидала во vuex респонс от сервера по разным стейтам и получаю в компоненте через соответствующий геттер, так ошибки нет, но все равно странно, что это за ошибка такая, пишет свойства нет, в то время когда оно есть и корректно выводится

[WapSter]

Александра, видимо на момент обращения его действительно нет, а как только приходит появляется

[Александра]

WapSter, да, ты прав, данные не успевают прогрузиться, вот вариант решения