Vue.js与Webpack技术研究及应用.pdfVIP

Vue.js与Webpack

1vue.js研究

1.1vue.js介绍

1、vue.js？

Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为

可以自底向上逐层应用。Vue的库只关注视图层，不仅易于上手，还便于与第库或既有项目整合。另一方

面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用驱动。

渐进式框架：Progressive，说明vue.js的轻量，是指一个前端项目可以使用vue.js一两个特性也可以整个项目都用

vue.js。

自底向上逐层应用：作为渐进式框架要实现的目标就是方便项目增量开发。

参考：

2、Vue.js与ECMAScript

Vue不支持IE8及以下版本，因为Vue使用了IE8无法模拟的ECMAScript5特性。

什么是ECMAScript?

ECMAScript（简称ES）是一种规范，我们平常所说的Js/Javascript是ECMAScript的实现，早期主要应用的ES3，当

前主流浏览器都支持ES5、ES6，ES8已于2017年发布。

ES6：

ES7：

3、Vue.js的使用

1）在html页面使用script引入vue.js的库即可使用。

2）使用Npm管理依赖，使用webpack打包工具对vue.js应用打包。

大型应用推荐此方案。

3）Vue-CLI脚手架

Vue.js和Webpack

1vue.js研究

1.1vue.js介绍

1、什么是vue.js？

Vue（读音/vjuː/，类似于view）是一个用于构建用户界面的渐进式框架。与其他大型框架不同，Vue的设计

使其可以在单层应用程序中使用。Vue的库只专注于视图层，不仅易于使用，而且还可以与第库或现有项目

集成。另一方面，当与现代工具链和各种支持库相结合时，Vue也完全有能力为复杂的单页面应用程序驱动。

运进式：渐进式，设计vue.js的轻量级，使用一个前端项目可以与vue.js一起使用。

自载逐启动启动：随着自进式框架目标的实现，方便项目的开发。

参考：