el-checkbox 点击

当用户点击 `el-checkbox` 时，可以使用 `@change` 监听这个事件，例如：

<template>
  <el-checkbox v-model="checked" @change="handleChange">{{ checked ? 'Checked' : 'Unchecked' }}</el-checkbox>
</template>

<script>
export default {
  data() {
    return {
      checked: false,
    };
  },
  methods: {
    handleChange(checked) {
      console.log('Checkbox is now ' + (checked ? 'checked' : 'unchecked'));
    },
  },
};
</script>

当用户点击 `el-checkbox` 时，`handleChange` 方法将会被调用，传入一个 `checked` 参数，表示当前的状态是否被选中。在这个例子中，我们使用 `v-model` 将 `checked` 数据绑定到 `el-checkbox` 组件上，并且根据 `checked` 数据来显示不同的文本。