【Vue3】setup通过defineProps获取props为null

我做的功能是父组件往子组件传值

父组件：

<MapComponent :zbx="zbx" :zby="zby" />

子组件：

setup(props) {
    // 定义接收到的 props
    const propsObj = defineProps({
      zbx: Number,
      zby: Number
    });

    console.log(propsObj) // null

按理来说，这么接收没问题啊，怎么打印结果是null呢？

其实原因很简单，defineProps只在setup语法糖中好使，也就是<script setup>的方式。

那么如果我就不想用语法糖形式来写怎么办呢？

写成如下代码就可以取到值了：

export default {
    name: 'MapComponent',
    props: {
      zbx: {
        type: Number,
        default: null
      },
      zby: {
        type: Number,
        default: null
      }
    },
    setup(props) {
        console.log(props.zbx)