Vue.js Vue 3向后兼容Vue 2吗？

例如，在互联网上的不同帖子中，我发现Vue 2代码应该与Vue 3一起使用，但对我来说不是。例如，我有一个简单的组件

<template>
    <div class="overflow-x-auto bg-white rounded-lg shadow overflow-y-auto relative">
        <table class="table">
            <thead>
                <tr class="text-left">
                    <th>
                        <label>
                            <input type="checkbox">
                        </label>
                    </th>
                    <th>User ID</th>
                    <th>Firstname</th>
                    <th>Lastname</th>
                    <th>Email</th>
                    <th>Gender</th>
                    <th>Phone</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        <label>
                            <input type="checkbox" name="1">
                        </label>
                    </td>
                    <td> <span>{{ id }}</span> </td>
                    <td> <span>Cort</span> </td>
                    <td> <span>Tosh</span> </td>
                    <td> <span>{{ email }}</span> </td>
                    <td> <span>Male</span> </td>
                    <td> <span>327-626-5542</span> </td>
                </tr>
            </tbody>
        </table>
    </div>
</template>
<script>
export default {
    data() {
        return {
            id: 1,
            email: 'test@mail.com'
        }
    },

    mounted() {
        alert('mounted');
    },

    created() {
        alert('created');
    }
};
</script>

用户ID
名字
姓氏
电子邮件
性别
电话
{{id}
科尔特
托什
{{email}}
男性
327-626-5542 
导出默认值{
数据（）{
返回{
id:1，
电邮:'test@mail.com'
}
},
安装的（）{
警报（“挂载”）；
},
创建（）{
警报（“已创建”）；
}
};

生成的表很好，但在制作组件时，

装入的

和

创建的

都没有激发。此外，未显示

电子邮件

和

id

。只显示该表。

您的代码可以工作：

Vue.createApp({
数据（）{
返回{
id:1，
电邮:'test@mail.com'
}
},
创建（）{
警报（'已创建'）
},
安装的（）{
警报（'挂载'）
}
}).mount（“#应用程序”）

用户ID
名字
姓氏
电子邮件
性别
电话
{{id}
科尔特
托什
{{email}}
男性
327-626-5542 

您的代码可以工作：

Vue.createApp({
数据（）{
返回{
id:1，
电邮:'test@mail.com'
}
},
创建（）{
警报（'已创建'）
},
安装的（）{
警报（'挂载'）
}
}).mount（“#应用程序”）

用户ID
名字
姓氏
电子邮件
性别
电话
{{id}
科尔特
托什
{{email}}
男性
327-626-5542 

是，Vue 3使用options API与Vue 2向后兼容。存在一些生命周期命名更改，例如“是”，Vue 3使用options API与Vue 2向后兼容。有一些生命周期命名的变化，比如nope，它没有。我提供的代码在独立组件文件中，它不应该有任何区别。组件仅对可读性/代码管理至关重要。我不明白你现在的处境。@Kin，你让它起作用了吗？不，没有。我提供的代码在独立组件文件中，它不应该有任何区别。组件仅对可读性/代码管理至关重要。我不明白你现在的处境。@Kin，你让它起作用了吗？