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

Answer 4

如果只有这样的地方，就算出来塞顶层属性里面就好了，
如果是整个层级的数据都要多地方渲染，要么拿出来干掉多余层级，要么用子组件