《Vue.js超详细入门与项目实战》课件全套 第1--10章 vue 3简介 ---vue 3详解.pdf

Vue3

简介

c目录

ontents

@Web前端框架

装Vue3

砸〉安

＠认识Vue3

@〉熟悉vue-devtools调试工具

@〉选择IDE

苞〉本章小结

置Node.js环境

＠〉配

PART

OlWeb前端框架

前端框架的诞生

在第一次浏览器战争中，Netscape被微软击败后创办了Mozilla技术社区。该社区推出了符

合W3C标准的Firefox浏览器，它和Opera浏览器一起代表了W3C阵营，并与IE浏览器开始

了第二次浏览器战争。不同的浏览器技术标准之间存在较大的差异，这给开发带来了菲容性

问题。为了解决这个问题，出现了一些前端栽容框架，如Dojo、Mooltools、YUi、ExtJS和

uer等，uer

jQy其中的应用范围最为广泛。

jQy

近年来各大浏览器开始支持HTML5，前端实现的交互功能随之增加，相应的代码复杂度显

著提高，用于后端的MVC模式开始应用于Web前端开发。从2010年10月出现的Backbone

开始，Knockout、Angular、Ember、React、Vue等框架相继出现。这些框架的应用使

WebSite从WebSite进化成WebApp,并开启了WebApp的SPA(SinglePage

Application,单页面应用）时代。

MVC模式

典型的MVC模式：

MVC模式

使用MVCe3

模式设计和创建Wb前端应用时，通常将程序分为以下个部分：

1)Model用于表示应用程序的核心数据部分。

2)View用于展示效果、生成HTML页面等。

3)Controller用于处理输入，如业务逻辑等。

MVC模式

MVC模式的优点主要有以下三个

1)松耦合性

2)高重用性

3)低生命周期成本

从MVC到MVVM

MVP模式是从MVC模式演变而来的，其基本思想与MVC模式相似

IView

/

Pre�Model

MVP模式

从MVC到MVVM

MVVM模式将MVP模式的View的状态和行为抽象化，并将视图UI和业务逻辑分离