vue.js checked

<template>
  <div>
    <input type="checkbox" id="checkbox" v-model="isChecked">
    <label for="checkbox">{{ isChecked ? 'Checked' : 'Not Checked' }}</label>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isChecked: false
    };
  }
};
</script>

<template>
  <div>
    <div v-for="option in options" :key="option.value">
      <input type="checkbox" :value="option.value" v-model="selectedOptions">
      <label>{{ option.text }}</label>
    </div>
    <p>Selected: {{ selectedOptions }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: [
        { text: 'Option 1', value: '1' },
        { text: 'Option 2', value: '2' },
        { text: 'Option 3', value: '3' }
      ],
      selectedOptions: []
    };
  }
};
</script>