3.2　setup語法糖

在Vue3中，setup()是組合式API的入口函數，各種屬性和方法都要在setup()函數中定義，在視圖層中使用屬性或者方法時，必須要使用return進行導出，示例代碼如下。

上述代碼在setup()入口函數中定義msg屬性和log方法，通過return導出才可以在視圖層使用。但是隨著業務量的增大，在導出屬性和方法的過程中很有可能會有遺漏，導致導出程序出錯，setup語法糖的出現可以幫助我們避免這個問題的發生。

setup語法糖可以使代碼更加簡潔，有更好的運行時性能，使用語法糖之后的代碼如下。

代碼解析：

使用setup語法糖之后，數據層定義的屬性和方法可以在視圖層直接使用。

注意：

通過import導入的自定義組件也可以直接在視圖層進行使用。

至此，登錄靜態頁面開發完成。