vue2和vue3 setup beforecreate create生命周期时间比较

laoli815

已于 2024-02-23 13:46:52 修改

阅读量467

点赞数 9

文章标签： vue.js javascript 前端

于 2024-02-22 18:15:01 首次发布

本文链接：https://blog.csdn.net/laoli815/article/details/136240577

版权

本文介绍了如何在Vue3中创建一个组件，指出Vue3支持Vue2的写法，特别是关于setup生命周期钩子，它包含了beforeCreate和created的功能，并且强调了setup中数据的访问和import导入的用法。

摘要由CSDN通过智能技术生成

创建一个vue程序，vue3可以兼容Vue2的写法，很流畅完全没问题
写了一个vue3组件

<template>
    <div>
    </div>
</template>

<script lang="ts">
import {onMounted} from 'vue'
export default{
    data(){
        return {}
    },
    beforeCreate(){
        console.log('还没创建');
        console.log(this.num);
        console.log(this);
        
    },
    created(){
        console.log('此时可以使用data的数据'); 
    },
    setup(){
        console.log('setup执行时间');
        let num=1;
        onMounted(()=>{
        console.log('开始mount了');
        })
        return {num}
    },

}

</script>

<style scoped>

</style>