【笔记】uniapp中，用vue3.x如何接收uni路由中的参数

在官方文档中只展示了vue2.x接收uni路由中参数的方式，但是对vue3.x没有过多的介绍，本篇展示了vue3.x如何接收uni路由中的参数

假设有路由/pages/user/index?userId=123，在vue2.x中是这样接收userId的

export default {
  data() {
    return {
      userId: ''
    }
  },
  onLoad(option) {
    this.userId = option.userId
  }
}

众所周知，在vue3.x中加入了setup，那在setup中要如何结合uni的生命周期函数来接收userId呢？

import { getCurrentInstance, onMounted } from 'vue'
export default {
  data() {
    return {
      userId: ''
    }
  },
  onLoad(option) {
    this.userId = option.userId
  },
  setup() {
    const curInstance = getCurrentInstance()
    onMounted(() => {
      // 通过curInstance来访问data中的userId
      console.log(curInstance.data.userId)
    })
  }
}