用Vue实现一个全选指令

最近用vue做了两个项目，都需要实现全选反选的功能，两个项目用了两种实现方法，第一个项目用vue的computed，第二个项目用指令来实现，用起来，发觉指令更加方便。

第一次做全选的时候是刚开始接触vue不久，全选的实现参考了知乎(链接：https://www.zhihu.com/question/37833194/answer/91812053)上的实现方法：
1、从服务器拿到数据，为每个item设置checked属性
2、计算选中的数量selectCount,如果选中的数量与selectItems的数量相等，则全选selectAll选中
3、点全选时，将每个item的checked属性置为true，反选时置为false，
4、每次selectItems的属性发生变化时，都将checked的为true的item放入数组checkedGroups中

下面为实现代码：

    //全选
    data: function() {
        return {
            selectItems: [],  // 从服务器拿到的数据
        }
    },
    computed: {
        // 全选checkbox绑定的model
        selectAll: {
            get: function() {
                return this.selectCount == this.selectItems.length;
            },
            set: function(value) {
                thi