如何修复module.exports道具“编号”错误

Question

我在vue.js中的道具类型编号有问题。

我已经创建了一个vue.js组件网：

<component v-bind:is="componentName"></component>

import Test from './components/Test';
export default ({
    components: {
        Test
    },
    data() {
        return {
            componentName: 'Test',
            level: 3,
        }
    },
}

在组件中

module.exports = {
    props: {
        level: Number,
    },
}

给我以下错误：

Cannot assign to read only property 'exports' of object '#<Object>'

如果我将prop类型更改为String并将数字放在引号中，它将起作用。 我在这里做错什么了，为什么我不能使用数字类型？