Vue如何为基于对象数据的选项设置“已选”

new Vue({
  el: '#app',
  data: {
    options: [
      { id: 1, name: '选项1', selected: false },
      { id: 2, name: '选项2', selected: true },
      { id: 3, name: '选项3', selected: false }
    ]
  }
});

<div id="app">
  <ul>
    <li v-for="option in options">
      <input type="checkbox" v-model="option.selected">
      {{ option.name }}
    </li>
  </ul>
</div>

new Vue({
  el: '#app',
  data: {
    options: [
      { id: 1, name: '选项1', selected: false },
      { id: 2, name: '选项2', selected: true },
      { id: 3, name: '选项3', selected: false }
    ]
  },
  computed: {
    selectedOptions() {
      return this.options.filter(option => option.selected);
    }
  }
});