1.7　小結(jié)與練習

本章首先講解了Vue.js的背景知識，包括MVVM模式、Vue.js的由來、Vue.js的安裝和導入，以及Vue.js的MVVM思想，然后講解了前端工程化和Webpack工具這些和Vue.js緊密相關的內(nèi)容。

其次，本章還講解了Vue 3和舊版本的一些改動和提升，包括：更快——性能上的提升，更小——資源占用的空間更小，更易于維護——源碼更加高效和規(guī)范，以及很多舊版本沒有的能力，并解決了一些歷史遺留問題，其中包括Composition API、新的內(nèi)置組件Teleport、Suspense和Fragments片段、服務端渲染、Vite。

最后，講解了ES 6語言的相關知識，主要內(nèi)容包括：ES 6的變量聲明、ES 6的模塊化方案、async/await異步函數(shù)解決方案。ES 6語法是一個新的標準，并且會在越來越多的前端項目中使用，更多的開源框架和工具會默認采用ES 6語法，所以掌握好這些知識非常重要。

學完本章內(nèi)容后，建議讀者自行運行一下本章提供的示例代碼，以便加深對所學知識的理解。同時，安裝和導入Vue.js之后，就可以開始開發(fā)Vue.js相關的代碼了，建議讀者創(chuàng)建一個演示（Demo）項目，以便后面可以通過動手編寫代碼來熟悉Vue.js中的各個知識點。

下面來檢驗一下讀者對本章內(nèi)容的掌握程度：

·　MVVM模式的特點是什么？

·　如果要從頭開發(fā)一個項目，用哪種方式安裝和導入Vue?

·　什么是Tree Shaking?

·　什么是配置式API，什么是組合式API?

·　Vite在生產(chǎn)環(huán)境中基于哪種模塊打包工具？

·　使用let、var、const三種方式聲明變量有什么區(qū)別？

·　對于箭頭函數(shù)let sum = (num) => num+1，如果采用ES 5的寫法，該如何寫？

·　在ES 6模塊化方案中，export和export default有什么區(qū)別？

·　async/await主要用來解決什么問題？

---

(1) Angular.js 1也叫作AngularJS，是由Google公司在2012年發(fā)布的一個JavaScript的MVC框架，目前還有Angular 2、Angular 4兩個版本。

(2) Hacker News是一家關于計算機黑客和創(chuàng)業(yè)公司的社會化新聞網(wǎng)站，由保羅·格雷厄姆的創(chuàng)業(yè)孵化器Y Combinator創(chuàng)建，網(wǎng)站內(nèi)容主要由來自用戶提交的外鏈構(gòu)成，是國外比較流行的技術信息交流網(wǎng)站之一。

(3) Echo JS是一個由國外社區(qū)驅(qū)動的信息交流網(wǎng)站，網(wǎng)站內(nèi)容主要由來自用戶提交的外鏈構(gòu)成，完全專注于JavaScript開發(fā)、HTML 5和前端信息。

(4) Reddit是一個國外娛樂、社交及新聞網(wǎng)站，包含眾多模塊，注冊用戶可以將文字或鏈接提交到該網(wǎng)站上發(fā)布，使它基本上成為了一個電子布告欄系統(tǒng)。

(5) Browserify是一個開源的前端模塊打包工具，功能上和Webpack類似，但是名氣不如Webpack。