阿川私房教材:學程式,拿 offer!

63 個專案實戰,直接上手!
無需補習,按步驟打造你的面試作品。

立即解鎖你的轉職秘笈

站長收到學員來信詢問,寫篇文章簡單回答如下


在你翻閱「自學網頁の嬰兒教材:JavaScript」教學系列時,應該會發現七、八、九的內容,好像都在用舊版語法?

為什麼站長的教材,看起來是教 Vue 2,不是教 Vue 3?

學過時的東西,不是浪費時間嗎?為什麼不教大家最新的東西?

別擔心,這是站長故意設計的,簡單說明如下:

不是 Vue 2 跟 Vue 3 的差別,是 Options API 跟 Composition API 的差別

舊版的語法,現在稱之為 Options API

新版的語法,現在稱之為 Composition API

這兩種寫法都會在 Vue 3 被支援!不用擔心!

課程內容的範例程式碼,導入的版本也都是 Vue 3

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>

你不會學到過氣的東西,別擔心!

但是 Options API 就是舊版寫法呀,早晚會被 Vue 核心團隊拋棄吧?那不就無法用了?

這不是事實!Options API 不會被拋棄,會繼續支援下去:

https://stackoverflow.com/questions/68611657/

官方問答,甚至跟你說小型專案,很適合繼續用 Options API:

Will Options API be deprecated?​

No, we do not have any plan to do so. Options API is an integral part of Vue and the reason many developers love it. We also realize that many of the benefits of Composition API only manifest in larger-scale projects, and Options API remains a solid choice for many low-to-medium-complexity scenarios.

可是站長為什麼不教 Composition API 就好?為什麼要教 Options API?

主要原因有三個

第一,Options API 簡單很多!非常容易吸收!

而且跟站長前面設計的 JS 系列教材,銜接比較順利!

學完一~六的同學,讀 Options API 教材的內容時,一定會覺得很簡單

如果直接教 Composition API,我認為你會學得比較吃力

第二,實務工作上,我認為你很可能會需要接觸一些比較舊的專案,都還是用 Options API 寫的

所以身為 Vue 工程師,兩種 API 寫法你都要會才行

第三,寫過 Options API 之後,你再去學 Composition API 會非常容易,幾乎就是改語法、換順序而已

但你如果先學 Composition API,我認為很多細節,你會覺得很「黑箱」,有一種不安全感

可是站長完全不教 Composition API,我要怎麼上班?工作上都用新語法呀?

的確,課程沒有提到 Composition API,但我認為你學過 Options API 之後,自己翻官網、改寫成 Composition API 會很容易

所以我的確完全不教 Composition API,就交給你自己自學啦!

不過,你如果真的完全不想學 Options API,那在 Vue 官網,把左上角的 API 語法設定成 Composition API 即可

本課程內容依然可以進行,你就通通用 Composition API 寫作業即可

或者,你就把作業通通寫兩次,第一次用 Options API,第二次用 Composition API 即可

以上,簡單說明,不用擔心學 Options API 浪費時間!

剛好相反!我認為先學 Options API 對於你的基本功會更有幫助!

按讚的人:

共有 0 則留言


👉 身份:資深全端工程師、指導過無數人半路出家轉職 👉 使命:打造 CodeLove 成為優質新手村,讓非本科也有地方自學&討論

阿川私房教材:學程式,拿 offer!

63 個專案實戰,直接上手!
無需補習,按步驟打造你的面試作品。

立即解鎖你的轉職秘笈