已关闭。此问题需要超过focused。当前不接受答案。
**想要改进此问题吗？**更新此问题，使其仅关注editing this post的一个问题。

昨天关门了。
Improve this question
使用之前版本的Vue I在main.js中创建组件，如下所示：

Vue.component('my1', {
    props: ['opt', 'id', 'value'],
    template: `<input :id="opt.id" :type="type" :value="value" />`,
    mounted: function () {
        var self = this;
        var el = $(this.$el);       

        el.on('myload', function () {
            self.$emit('myload');            
        });
    },
    updated: function () {
            ...
    },
    computed: {
            type: 'abc'
        }
    }
});

在vue3中，这不再起作用了，所以我尝试使用.vue文件来代替组件。但是我在文档中找不到组件声明的每一部分的等价物。
目前我只有props和template

<script setup>
    defineProps({
        id: { type: String },
        opt: { type: Object }, 
        value: { type: Object }
     })
</script>

<template>  
    <input :id="id" :type="type" :value="value" />
</template>

在.vue 3组件中，我应该将计算、更新和装载的放在哪里？