創建一個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>
運行結果
說明vue3中的setup已經具備了beforecreate和created作用
而且vue2里面this可以訪問setup里面數據
如何組件知識import導入并沒有在父親模塊使用,組件不會創建