近日，大家翹首以盼的 Vue 3.0 beta 版終于更新，據(jù)說有人熬著夜看完了源碼。這也倒不奇怪， Vue 現(xiàn)在越來越受歡迎，火爆程度遠(yuǎn)超 React 和 Angular 。不管是 BAT 大廠，還是創(chuàng)業(yè)公司，Vue 都有著廣泛的應(yīng)用，相關(guān)技術(shù)原理也成為了面試中的必考知識(shí)點(diǎn)。可以說，對(duì)于任何一個(gè)前端工程師來說，掌握 Vue 更像是一門“必修課”。畢竟 Vue 優(yōu)勢(shì)太過明顯：基于 HTML 的模板語法，響應(yīng)式的更新機(jī)制，可以讓我們更快、更高效地開發(fā)項(xiàng)目；漸進(jìn)式的開發(fā)理念和繁榮的生態(tài)圈，給大家提供了大量的最佳實(shí)踐。無論是開發(fā)簡單的活動(dòng)頁還是復(fù)雜邏輯的中后臺(tái)系統(tǒng)，Vue 都可以輕松應(yīng)對(duì)。但，想要真正用好，沒有想象中容易。我發(fā)現(xiàn)大部分人在學(xué)習(xí)和使用 Vue 的過程中，都遇到過下面這些困境：- 概念過多，記不住。屬性、事件、插槽、指令、修飾符等等，開發(fā)時(shí)得現(xiàn)場(chǎng)翻文檔；
- 做不到真正得數(shù)據(jù)驅(qū)動(dòng)，用各種 hack 方法更改視圖，不斷給項(xiàng)目挖坑；
- 狀態(tài)管理不合理，不知道如何組織 Vue 中的 data、provide、vuex、observable；
- 大型項(xiàng)目無從下手。有單頁面、多頁面、前后端分離、mock 聯(lián)調(diào)、構(gòu)建、打包、單測(cè)、持續(xù)集成等等，想系統(tǒng)掌握很費(fèi)力。
隨著大量項(xiàng)目實(shí)踐經(jīng)驗(yàn)的積累，在不斷的挖坑填坑過程中，我總結(jié)出不少經(jīng)驗(yàn)，希望能把它們分享給大家，咱們都能少走彎路。所以，我和極客時(shí)間合作推出了《Vue 開發(fā)實(shí)戰(zhàn)》這門課程，將自己的經(jīng)驗(yàn)做了一個(gè)系統(tǒng)性的梳理與總結(jié)。下面是我整理的 Vue 學(xué)習(xí)圖譜，其中很多知識(shí)點(diǎn)都會(huì)在《Vue 開發(fā)實(shí)戰(zhàn)》中涉及到，建議你收藏，為日后學(xué)習(xí)做準(zhǔn)備：
??新用戶現(xiàn)在下單，首單限時(shí)優(yōu)惠29.9元掃碼即可購買
我是唐金州，目前就職于一點(diǎn)資訊，負(fù)責(zé)數(shù)據(jù)中心的前端開發(fā)和管理工作，同時(shí)也是開源組件庫 Ant Design Vue 的作者。在加入一點(diǎn)資訊之前，我曾經(jīng)就職于搜狗、螞蟻金服，主要也是負(fù)責(zé)前端相關(guān)的開發(fā)工作，對(duì)中后臺(tái)和移動(dòng)端都有豐富的開發(fā)經(jīng)驗(yàn)。2017 年，我開始開發(fā)基于 Ant Design 這一設(shè)計(jì)語言的 Vue 組件庫，組件庫開源后獲得了眾多好評(píng)，截止到今年 2 月，在 GitHub 已經(jīng)有 5000+ 的 Star，并且已經(jīng)納入 Ant Design 官方域名下，成為了螞蟻金服 Ant Design 官方唯一指定的 Vue 版組件庫。在開發(fā) Ant Design Vue 的過程中，我對(duì) Vue 有了更深入的理解，也徹底愛上了這個(gè)框架。你可能會(huì)說，現(xiàn)在市面上有不少免費(fèi)的 Vue 課程，為什么還要再專門做《Vue 開發(fā)實(shí)戰(zhàn)》這門課呢？之前調(diào)研一段時(shí)間后發(fā)現(xiàn)市面上的課程大致可以分成下面兩類：而我，希望創(chuàng)作一個(gè)相對(duì)完整、能夠覆蓋 Vue 各種知識(shí)點(diǎn)的課程，從 Vue 基礎(chǔ)、到生態(tài)、再到項(xiàng)目實(shí)戰(zhàn)，構(gòu)建一個(gè)完整的課程體系。我會(huì)介紹 Vue 的核心知識(shí)點(diǎn)及實(shí)現(xiàn)原理，從屬性、事件、插槽、指令再到生命周期，讓你學(xué)完后對(duì) Vue 有一個(gè)全面的認(rèn)識(shí)，可以上手開發(fā)基本的組件，甚至是負(fù)責(zé)項(xiàng)目中獨(dú)立的模塊。也會(huì)講一個(gè)大型 Vue 項(xiàng)目的必備技能點(diǎn)，幫助你構(gòu)建一個(gè)更全面的知識(shí)體系。這些都會(huì)搭配課后習(xí)題，幫助你進(jìn)一步加深對(duì)技術(shù)的理解。不同于市面上大多數(shù)教程，原理和實(shí)戰(zhàn)相輔相成是這個(gè)課程的特色之一。整個(gè)學(xué)習(xí)周期，我會(huì)跟你基于 Vue 去開發(fā)一個(gè)完整的大型開源項(xiàng)目 Ant Design Pro，從開發(fā)、測(cè)試、打包構(gòu)建到最終的上線，并努力將它打造成一個(gè)萬星項(xiàng)目。這樣通過實(shí)戰(zhàn)把所有零碎的知識(shí)點(diǎn)串聯(lián)起來，以“即學(xué)即用”的方式，你可以把知識(shí)點(diǎn)掌握得更牢固，理解得更透徹。另外，我們的課程將基于 Vue 2.6 最新版本的語法進(jìn)行開發(fā)，無縫對(duì)接即將到來的 3.0 版本，3.0 版本正式發(fā)布后，我會(huì)在第一時(shí)間補(bǔ)充 3.0 相關(guān)知識(shí)點(diǎn)，保證大家能夠快速的享受新版本帶來的優(yōu)勢(shì)。我相信學(xué)完這門課程，你不僅能夠掌握 Vue 的技術(shù)應(yīng)用， 也會(huì)對(duì)其底層原理有所了解，并且通過我們的實(shí)戰(zhàn)項(xiàng)目，具備獨(dú)立負(fù)責(zé) Vue 前端項(xiàng)目的能力。當(dāng)然，我也為大家爭(zhēng)取到了很大幅度的優(yōu)惠：新用戶現(xiàn)在下單，首單限時(shí)優(yōu)惠29.9元即可購買，這份原價(jià)99元的《Vue 開發(fā)實(shí)戰(zhàn)》！
新用戶現(xiàn)在下單，首單限時(shí)優(yōu)惠29.9元
