1.7　小结与练习

本章首先讲解了Vue.js的背景知识，包括MVVM模式、Vue.js的由来、Vue.js的安装和导入，以及Vue.js的MVVM思想，然后讲解了前端工程化和Webpack工具这些和Vue.js紧密相关的内容。

其次，本章还讲解了Vue 3和旧版本的一些改动和提升，包括：更快——性能上的提升，更小——资源占用的空间更小，更易于维护——源码更加高效和规范，以及很多旧版本没有的能力，并解决了一些历史遗留问题，其中包括Composition API、新的内置组件Teleport、Suspense和Fragments片段、服务端渲染、Vite。

最后，讲解了ES 6语言的相关知识，主要内容包括：ES 6的变量声明、ES 6的模块化方案、async/await异步函数解决方案。ES 6语法是一个新的标准，并且会在越来越多的前端项目中使用，更多的开源框架和工具会默认采用ES 6语法，所以掌握好这些知识非常重要。

学完本章内容后，建议读者自行运行一下本章提供的示例代码，以便加深对所学知识的理解。同时，安装和导入Vue.js之后，就可以开始开发Vue.js相关的代码了，建议读者创建一个演示（Demo）项目，以便后面可以通过动手编写代码来熟悉Vue.js中的各个知识点。

下面来检验一下读者对本章内容的掌握程度：

·　MVVM模式的特点是什么？

·　如果要从头开发一个项目，用哪种方式安装和导入Vue?

·　什么是Tree Shaking?

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

·　Vite在生产环境中基于哪种模块打包工具？

·　使用let、var、const三种方式声明变量有什么区别？

·　对于箭头函数let sum = (num) => num+1，如果采用ES 5的写法，该如何写？

·　在ES 6模块化方案中，export和export default有什么区别？

·　async/await主要用来解决什么问题？

---

(1) Angular.js 1也叫作AngularJS，是由Google公司在2012年发布的一个JavaScript的MVC框架，目前还有Angular 2、Angular 4两个版本。

(2) Hacker News是一家关于计算机黑客和创业公司的社会化新闻网站，由保罗·格雷厄姆的创业孵化器Y Combinator创建，网站内容主要由来自用户提交的外链构成，是国外比较流行的技术信息交流网站之一。

(3) Echo JS是一个由国外社区驱动的信息交流网站，网站内容主要由来自用户提交的外链构成，完全专注于JavaScript开发、HTML 5和前端信息。

(4) Reddit是一个国外娱乐、社交及新闻网站，包含众多模块，注册用户可以将文字或链接提交到该网站上发布，使它基本上成为了一个电子布告栏系统。

(5) Browserify是一个开源的前端模块打包工具，功能上和Webpack类似，但是名气不如Webpack。