picker-view组件 使用组合式setup写法， 小程序value无法绑定

<template>  
  <view>  
    <view class="uni-padding-wrap">  
    </view>  
    <picker-view :value="data.value" class="picker-view">  
      <picker-view-column>  
        <view class="item" v-for="(item, index) in data.years" :key="index"  
          >{{ item }}年</view  
        >  
      </picker-view-column>  
      <picker-view-column>  
        <view class="item" v-for="(item, index) in data.months" :key="index"  
          >{{ item }}月</view  
        >  
      </picker-view-column>  
    </picker-view>  
  </view>  
</template>  
<script setup>  
import { reactive } from "vue";  
const data = reactive({  
  years: [2022, 2023],  
  months: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],  
  value: [9999, 5],  
});  
</script>  
<style>  
.picker-view {  
  width: 750rpx;  
  height: 600rpx;  
  margin-top: 20rpx;  
}  
.item {  
  line-height: 100rpx;  
  text-align: center;  
}  
</style>