Vue初识

最新推荐文章于 2025-11-03 10:21:09 发布

原创最新推荐文章于 2025-11-03 10:21:09 发布 · 342 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue初识

博客主要介绍前端发展历史，包括HTML、CSS、EcmaScript的发展，还引入后端MV*架构思想。列举了Backbone.js、Angular.js、Vue、React等前端框架的版本及诞生时间，阐述了MV*架构的演变和特点，最后提到文档学习方法和vue.js的安装方式。

Vue初识

一、前端发展历史

1、html

html [1990]----> html5 [2008.1.12]

2、css

css 1.0 1996

css 2.0 1998

css 3.0 2001

3、EcmaScript 1997年诞生

2015 EcmaScript 2015

2016 EcmaScript 2016

4、随着前端项目的逻辑越来越复杂和难以维护，那么前端这边引进了后端的架构思想（ MV* ）

M Model 数据层
V View 视图层
VM ViewModel 视图模型（业务逻辑 VM 是由 P 改名得来的）
P Presenter 提出者（ Controller 改名得来的）
C Controller 控制器 ( 业务逻辑 )

5、各种前端框架的版本以及诞生时间

Backbone.js MVP 2010.10
Angular.js( 1.0 ) MVC 2010.10
Angular.ts ( 2.0 ) MVC -> MVVM 2016 目前已经更新到了 Angular7 ( 也属于angular2.0 版本 )
Vue 1.0 MVVVM 2014/07
Vue 2.0 MVVM 2016/09
React 2012 不太认可前端MVC这种架构思想，你可以将React单纯看做是MVC中V

6、MV*的图示

file:///D:/%E6%96%87%E9%9C%9E/3%E9%98%B6%E6%AE%B5/vue.js/DAY02/day02/note/MVC%EF%BC%8CMVP%20%E5%92%8C%20MVVM%20%E7%9A%84%E5%9B%BE%E7%A4%BA.html
// mvc  mvp  mvvm的图示地址

MVC

| C改名为P

MVP

| P更像是媒人了（连接 M V 的桥梁）

MVVM

| VM 是由 p改名得来的 VM 和 V 的关系更加的亲密

| “MVVM”:双向数据绑定，View的变动，映射在 ViewModel，反之一样

注意：

我们以上的这几个框架都是：单向数据流（数据由父级流向子级）

7、文档学习

先找教程/5分钟快速上手/quick start
下载安装
基础demo
学习api和配置

8、vue.js安装

script标签引入（ cdn| 下载）
模块化安装 npm/cnpm/yarn