vue.js

export default {
    name: 'users-view',
    data: () => ({
      userList: [],
      checkedIds: [],
      allSelected: false,
    }),
    beforeMount() {
      this.http.get('/users/list')
        .then((res) => {
          this.userList = res.data;
        });
    },
    watch: {
      checkedIds: {
        handler() {
          this.allSelected = (this.userList.length === this.checkedIds.length);
        },
        deep: true,
      },
    },
    methods: {
      changeAll() {
        this.checkedIds.forEach((checkbox, index) => {
          checkbox = this.all;
          this.checkedIds[index] = checkbox;
        });
      },