पाठ Vue.js का अगला प्रमुख संस्करण लिखने से सीखा

इवान यू द्वारा पोस्ट किया गया

पिछले एक साल में, Vue.js के अगले प्रमुख संस्करण पर Vue टीम काम कर रही है, जिसे हम 2020 की पहली छमाही में जारी करने की उम्मीद करते हैं (यह काम इस लेखन के रूप में जारी है)। Vue के एक नए मुख्य संस्करण का विचार 2018 के अंत में बनाया गया था, जब Vue 2 कोड आधार लगभग ढाई साल पुराना था। यह सॉफ़्टवेयर के जीवन में इतनी लंबी अवधि की तरह नहीं लग सकता है, लेकिन इस अवधि में सामने वाले के विचारों में बहुत बदलाव आया है।

दो महत्वपूर्ण विचारों ने हमें Vue के नए (और पुराने) कोर संस्करण को फिर से लिखने के लिए प्रेरित किया: पहला, सामान्य ब्राउज़रों में नए जावास्क्रिप्ट सुविधाओं की उपलब्धता। दूसरे, वर्तमान कोड बेस में डिजाइन और वास्तुकला की समस्याएं, समय के साथ पहचानी जाती हैं।

क्यों फिर से लिखना

नई भाषा सुविधाओं का उपयोग करना

ES2015, JavaScript — ECMAScript, ES — , . , , Vue.
Proxy, . Vue — , (state), DOM. Vue 2 , . Proxy Vue, , .

Proxy — , . — , .

Vue 2 , - . , (templates) , sourcemap . , Vue 2 , , DOM, , . , .

, , , . , , , . .

Vue 3 2018 . .

Typescript

Vue 2 ES. , . . Facebook Flow type checker, ES. Flow , , ; , . , , TypeScript Visual Studio Code.

, Vue TypeScript . , TypeScript , . TypeScript , .

(decoupling)

monorepo, , API, . , , . , , , .

RFC

2018 DOM. , , API. .

, . Vue , . , RFC (Request for Comments) 2019 . RFC , , , . GitHub , , .

RFC , , , feature requests.

- . Vue 2 , , .

DOM

Vue : HTML- , , DOM-. , DOM , DOM . , , , , JavaScript, - . , , (bindings) — DOM , .

, . Vue 2 , , - . Vue 3 AST transform pipeline, (transform) .

, . , DOM DOM, DOM, , , . , .

, DOM , , , . , (runtime) : , . :

-, , , (, v-if v-for). (template) «», , . , — . DOM, , , .

-, , . , .

-, DOM , . , , , . .

-: Vue 3 Vue 2.

. -, , , JavaScript . . Vue — Vue 2 23 — :
-, . , , (transitions), - , .

-, , . , . , .

— , tree-shaking — , . , , .

Vue 3 , API ES . , . tree-shaking , , .

"", . . Vue 3 10 — Vue 2, .

Vue . Vue . Vue , , . , TypeScript, , Vue 2 .

Vue 3 TypeScript, (Class API). , , , , , , , JavaScript. , Class API , , TypeScript.

. React Hooks, API- , , Composition API. , Composition API , (statefull components), , TypeScript.

. Composition API , . Vue 3 , Composition API Options API . , , . , , , Composition API Options API. , .

Vue, , HTML/CSS, , jQuery, , , -, , . : , , ; , , , .

Vue , . Vue « », API, . CDN , HTML Options API, (CLI), Composition API.

हमारी दृष्टि को साकार करने के लिए अभी भी बहुत काम करना है - सबसे महत्वपूर्ण बात, नए संस्करण के लिए एक चिकनी संक्रमण सुनिश्चित करने के लिए सहायक पुस्तकालयों, प्रलेखन और उपकरणों को अपडेट करना। हम आने वाले महीनों में कड़ी मेहनत करेंगे, और हम इंतजार कर रहे हैं - हम यह देखने के लिए इंतजार नहीं कर रहे हैं कि समुदाय Vue 3 के साथ क्या बनाता है।