javascript Vue文档一处代码的问题

Question

首先{number:123}
是对象语法吗？
看结果像是赋值了一个对象？？
这段不是很 理解

能不能帮忙把代码复原一下啊，

Answer 1

<select v-model="selected"></select>中的v-model="selected"是动态绑定option的值（即option中value的值）
<option v-bind:="{number:123}"></option>意思就是这个option的value是{number:123}这个对象
那自然而然当选中这个option的时候，selected这个变量就变成了{number:123}这个对象

Answer 2

你直接把它当作option绑定的值可以是对象就行了。

<template>
  <div>
    <select v-model="selected" @change="handleChange">
        <option :value="{number:1}">1</option>
        <option :value="{number:2}">2</option>
        <option :value="{number:3}">3</option>
    </select>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        selected:{number:2}
      }
    },
    methods: {
      handleChange(){
        console.log(typeof this.selected,this.selected.number)
      }
    }
  }
</script>