vue2.0中現(xiàn)有模擬數(shù)據(jù)，請問拿到數(shù)據(jù)的時候怎么給數(shù)據(jù)分類呢？每個id相同的為一類，一起最終渲染的時候吧每個id相等的渲染在

同跟樓上的想法類似，先進行數(shù)據(jù)的預處理會比較方便，當然 如果后臺會給你做這個事情更好，但是，自己處理一下也不是難事。

let articleList = [
  { id: 1, name: '小紅', user: 456312, Occupation: '教練' },
  { id: 2, name: '小張', user: 456321, Occupation: '歌手' },
  { id: 5, name: '小強', user: 456312, Occupation: '老師' },
  { id: 2, name: '小分', user: 456312, Occupation: '同事' },
  { id: 5, name: '小撒', user: 456132, Occupation: '總經(jīng)理' },
  { id: 2, name: '小看', user: 456132, Occupation: '程序猿' },
  { id: 5, name: '小貧', user: 451632, Occupation: '演員' },
];

let hashMap = articleList.reduce((hashMap, next) => {
  hashMap[next.id] = hashMap[next.id] ? [...hashMap[next.id], next] : [next];
  return hashMap;
}, {});
console.log(hashMap);

我的想法是處理數(shù)據(jù)

let  articleList=[
                {id:1,name:"小紅",user:456312,Occupation:"教練"},
                {id:2,name:"小張",user:456321,Occupation:"歌手"},
                {id:5,name:"小強",user:456312,Occupation:"老師"},
                {id:2,name:"小分",user:456312,Occupation:"同事"},
                {id:5,name:"小撒",user:456132,Occupation:"總經(jīng)理"},
                {id:2,name:"小看",user:456132,Occupation:"程序猿"},
                {id:5,name:"小貧",user:451632,Occupation:"演員"}
            ];
let idArr=articleList.map(function(x){return x.id}) 
![圖片描述][1]
//得到id的集合
//去重
idArr=Array.from(new Set(idArr));
//遍歷此數(shù)組并在articleList找到id相同的放入新數(shù)組
let newArr=[];
idArr.forEach(function(v){
    newArr.push(articleList.filter(function(x){
        return x.id==v
    }))
})
 //得到newArr
![圖片描述][2]
渲染便利此數(shù)組即可