javascript - Vue.js 如何解决数据层级太多的问题

Question

ticketInfo 异步获取。
如何解决，数据层级太深的问题，如下代码：

<span class="airport" 
        v-text="ticketInfo.flight.fromSegments[ticketInfo.flight.fromSegments.length - 1].depAirportZh">
</span>

Answer 1

计算属性?

Answer 2

手动定义一层数据
vm.$set("depAirportZh" ,ticketInfo.flight.fromSegments[ticketInfo.flight.fromSegments.length - 1].depAirportZh)

Answer 3

使用vuex