前端框架御三家之一的 Vue,在 2020 年第四季迎來的第三代版本,代號為 One Piece。雖說已略為上手 2.0 版,決定藉由 HiSKIO 2020 Vue3 專業職人 的課程,來加速自己的熟悉程度。這篇會筆記一些在面試時常見的 Vue 問題。
課程相關資訊
[連結]:https://hiskio.com/courses/418/lectures/20872
本篇範圍:Chapter 4 ( 常見的Vue面試題型 ) ,一共有 4 篇
請注意:本系列文章為個人對應課程的消化吸收後,所整理出來的內容。換言之,並不一定會包含全部的課程內容,也有可能會添加其他資源來說明。
筆記
1. Vue 2 和 Vue 3 除了寫法上的差異外,還有哪些不一樣的地方?
雙向綁定的底層改寫、原生支援 TypeScript、Composition API、生命週期改動
2. Composition API 解決了什麼問題?
解決程式碼因為由 option 分段而難以閱讀、讓相同的代碼得以重複使用、不需要在模版上出現的變數和方法不必回傳
3. 為什麼 v-for 在跑時需要 key ?
為了讓 Vue.js 得以根據 key 屬性的內容剌判斷是否需要更新元素,所以 key 也得是唯一值
4. Vuex 可以解決什麼問題?
你可以集中管理所有的 component 的狀態
5. v-if 跟 v-show 的差別?在什麼情境下會使用?
v-if 是動態添加,會完全移除 DOM; v-show 則是用 css 進行切換