Vuejs 道具有很长的路要走

Question

我有一个组件带有这样的道具：

 props: {
   data: Object
 },

数据展示：{{ data.a.b.c.d.title }}

我想创建一个变量：d = this.data.a.b.c.d.

数据展示：{{ d.title }}

创建此变量的最佳做法是什么？

Answer 1

使用计算道具，像这样...

props: {
  data: Object
},
computed: {
  d() {
    return this.data.a.b.c.d;
  }
},

<!-- in the markup -->
<p>{{ d.title }}</p>

Vuejs props with a long path