setup是vue3中的一個(gè)全新的配置項(xiàng)缘薛,值為一個(gè)函數(shù);
啟動(dòng)頁(yè)進(jìn)入頁(yè)面自動(dòng)執(zhí)行
setup在renderer后就會(huì)執(zhí)行旺韭,此時(shí)vue還沒(méi)有進(jìn)行init Options Api逾条,也就是組件實(shí)例未被創(chuàng)建/解析前燥撞,所以是不存在this的。
setup是所有CompositionAPI(組合API)的基礎(chǔ)渠啊,組件中所用到的數(shù)據(jù)输吏、方法等都需要在setup中進(jìn)行配置;
<script setup>
...
</script>
3替蛉、注意點(diǎn):
①贯溅、vue3支持向下兼容,vue2中的data躲查、methods配置項(xiàng)在vue3中都能夠使用它浅,但是盡量不要將vue3中的配置項(xiàng)和vue2.x配置項(xiàng)混用;
②镣煮、vue2.x配置(data姐霍、methods、computed等)中可以訪問(wèn)setup中的屬性、方法镊折,但是在setup中不能訪問(wèn)vue2.x配置(data胯府、methods、computed等)恨胚;
③骂因、如果vue2.x配置與vue3配置存在重名,則以setup優(yōu)先与纽;
④侣签、setup不能是一個(gè)async函數(shù),因?yàn)榉祷刂挡辉偈莚eturn的對(duì)象急迂,而是promise,模板看不到return對(duì)象中的屬性蹦肴;