vue 取数组中的元素_vue.js循环的时候指定数组中元素的个数

竟然要分成两组，那么建议加上一个标识，如category

根据官方建议：显示过滤\/排序的结果

方法一，使用computed属性:

• {{first.level01}}

  • {{second}}

• {{first.level01}}

  • {{second}}

new Vue({

el: 'body',

data: {

menu: [{

'category': 'A',

'level01': 'a',

'level02': ['a1', 'a2', 'a3', 'a3']

},{

'category': 'A',

'level01': 'b',

'level02': ['b1', 'b2', 'b3', 'b3']

},{

'category': 'B',

'level01': 'c',

'level02': ['c1', 'c2', 'c3', 'c3']

},{

'category': 'B',

'level01': 'd',

'level02': ['d1', 'd2', 'd3', 'd3']

}]

},

computed: {

categoryA: function() {

return this.menu.filter(function(m) {return m.category === 'A'})

},

categoryB: function() {

return this.menu.filter(function(m) {return m.category === 'B'})

}

}

})

方法二，使用filterBy：

• {{first.level01}}

  • {{second}}

• {{first.level01}}

  • {{second}}