vue场景 无分页列表条件过滤，子组件多选来自父组件的列表

日常开发中，经常会遇到下面场景：

1. 页面加载一个无分页列表，同时工具栏设置多个条件可对列表过滤的场景(典型的就是关键字模糊查询)
2. 父组件传给子组件列表，子组件中需要多选列表多选，选择结果返回父组件

1 无分页列表过滤

思路：无分页列表是最简单的情况，列表直接绑定计算属性即可：

同理：多条件时，只是修改计算属性中的逻辑运算即可

2 子组件中多选来自父组件的列表

思路：来自父组件的列表可以认为是无分页列表，先在子组件中复制一份，追加check属性，然后在list中绑定

不正确的处理(修改props)：

1 在子组件中给props中的list追加check属性，绑定list

2 在父组件中给list追加check属性，子组件绑定list，这样点击checkbox依然会修改props