vue初步认识

前端发展历史**

html

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

css

css 1.0 1996

css 2.0 1998

css 3.0 2001

EcmaScript

1997年诞生

2015 EcmaScript 2015

2016 EcmaScript 2016 dart语言 vs javascript

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

M Model 数据层

V View 视图层

VM ViewModel 视图模型（ 业务逻辑 VM 是 由 P 改名得来的）

P Presenter 提出者（ Controller 改名得来的 ）

C Controller 控制器 ( 业务逻辑 )

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

github统计量 （ 国际使用量 ）不代表大陆地区 单位是： K

angular.js angular.ts vue React

59.6 49.1 142 131

学习难度： Vue < React < Angular( 2.0 )

前端流行

移动 web && hybird app( 混合app )

app

​ \1. native app ( 安卓 ios java ME)

​ \2. webapp ( 应用在浏览器中的app )

​ \3. Hybird app ( 混合app )

​ \1. webapp 嵌入 第三方原生应用库（ 可以访问原生设备（手机） 的接口权限，比如：照相机 ）

### MV*的图示

MVC

| C改名为P

MVP

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

MVVM

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

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

注意：

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

## 初始Vue.js

\1. Vue.js是尤雨溪的个人项目

\2. Vue.js是一个MVVM框架

\3. Vue.js也是一个javascript的渐进式框架（ 越学越难 ）

\4. 前端还有一个比较知名的MVVM的个人项目： 司徒正美 avonlon.js

### vue.js安装

\1. script标签引入（ cdn| 下载 ）

\2. 模块化安装 npm/cnpm/yarn