前端框架御三家之一的 Vue,在 2020 年第四季迎來的第三代版本,代號為 One Piece。雖說已略為上手 2.0 版,決定藉由 HiSKIO 2020 Vue3 專業職人 的課程,來加速自己的熟悉程度。這篇會筆記下 Script Setup 和 Style CSS variable injection 。
課程相關資訊
[連結]:https://hiskio.com/courses/286/lectures/23363
本篇範圍:Chapter 12 ( 課程的結尾 ) ,一共有 12 篇
請注意:本系列文章為個人對應課程的消化吸收後,所整理出來的內容。換言之,並不一定會包含全部的課程內容,也有可能會添加其他資源來說明。
筆記
1. 可以用 <script setup> 的方式,直接使用 composition api,不需要 setup(){} 的方式。( 它會自動判斷變數中是否有在模板中,自動 return )
2. 可以以 v-bind 的方式,讓你輕鬆地修改 inline-style 的 CSS