vue里如何取出数组中的数组

Question

假如我定义了这样的一个数组

let list = [
{
a:'这是1',
b:'这是2',
c:'这是3',
d:[
{test:'这里的数据我要怎么取出来？'}
]
},
{
a:'这是第二个1',
b:'这是第二个2',
c:'这是第二个3',
d:[
{test:'该怎么取出来'}
]
}
]

我现在只能在循环里把d取出来

<div class="" v-for="(test,key) in trendsList">
      <p>{{test.a}}</p>
      <div class="" v-for="test2 in test.d">
        <a href="#">{{test2.test}}</a>
      </div>
    </div>

现在的问题是我想直接把list里面的d单独取出来，而不局限在循环里取出来。但是试了几个方法都报错，现在求大神来帮忙解答一下

Answer 1

把每项的内部都取出来 另外维护一个数组不就好了;

computed:{
    newList(){
        return this.list.map(v => v.d)
    }
}

Answer 2

我有一个笨一点的方法，就是所有二级数组的值取出来形成一个新数组。
但是如果业务要取三级甚至多级，就不好使了。
而且每一次list变化都要这样，对数据处理压力很大。。