Checkbox

Use v-model to enable two-way binding.

Use CheckboxGroup combined with array to generate a combination. In this case, Checkbox uses label to judge selected state automatically. The content of each Checkbox can be customized. If not filled, the value of label prop will be used by default.

To disable Checkbox by setting disabled prop.

Set the property border to display the border.

Data linking with other components.

You might use indeterminate prop when realise select-all effect. The demo code is just a kind of realisation. There are many other ways you can use in your bussiness.