vue实现全选反选

1.效果图

 

2.分析步骤 

        两种方法：

        （1）普通全选反选实现，通过methods方法实现

                1.首先写vue先引入：<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>

                2.接着写静态布局

                3.挂载dom

                4.添加指令

                5.肯定要储存数据

                6.methods方法实现

                7. 最后效果实现

        （二）全选反选通过computed计算属性来实现

                1.首先写vue先引入：<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>

                2.接着写静态布局

                3.挂载dom

                4.添加指令

                5.肯