1、封装计算属性筛选数据
- 遍历所有频道
- 对每一个频道都判断：该频道是否属于我的频道
- 如果不属于我的频道，则收集起来
- 直到遍历结束，剩下来就是那些剩余的推荐频道
computed: {
// 处理展示推荐频道 思路：所有频道 - 用户频道 = 推荐频道
recommendChannels() {
return this.allChanels.filter(chanel => {
return !this.myChannels.find(chanels => {
return chanels.id === chanel.id
})
})
}
},
1、给推荐频道中的频道注册点击事件
2、在添加频道事件处理函数中
然后你会神奇的发现点击的那个推荐频道跑到我的频道中了，我们并没有去手动的删除点击的这个推荐频道，但是它没了！主要是因为推荐频道是通过一个计算属性获取的，计算属性中使用了 channels（我的频道）数据，所以只要我的频道中的数据发生变化，那么计算属性就会重新运算获取最新的数据。
