vant3的一些新写法

1、select下拉框的实现
vant3中没有直接实现下拉框的ui，只有类似组件。如


或者

关于选择器写法：
完全按照官方提示写的，没出现报错，代码就不贴了。
关于下拉框写法：
完全按照官方提示写的，写的效果如下图，会出现一大段空白（只有弹窗中使用才会出现，如果直接显示页面中则正常）

2、vue3声明data的一些新写法

import { reactive } from 'vue'

export default {
  name: 'Demo',
  setup() {
    const selected = reactive({
      value0: 0,
      value1: 10,
      value2: 20
    })
    const onSubmit = (values) => {
      console.log('submit', values)
    }

    const state = reactive({
      value0: 0,
      value1: 10,
      value2: 20
    })
    const onConfirm = (value) => {
      state.value1 = value
      state.showPicker = false
    }
    const option1 = [
      { text: '全部商品', value: 0 },
      { text: '新款商品', value: 1 },
      { text: '活动商品', value: 2 }
    ]
    return {
      selected,
      scores: [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100],
      state,
      onSubmit,
      columns: [10, 20, 30, 40, 50, 60, 70, 80, 90, 100],
      onConfirm,
      option1
    }
  }
}