vue的认识

书写一个前端开发文档参考:

http://showdoc.wkefu.com/showdoc/index.php?s=/22&page_id=1070

vue初步认识


{{ msg }}

注:vue.html文件要在live-server服务器中打开

前端发展历史

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

前端流行

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

app

  1. native app ( 安卓 ios java ME)
  2. webapp ( 应用在浏览器中的app )
  3. Hybird app ( 混合app )
    webapp 嵌入 第三方原生应用库( 可以访问原生设备(手机) 的接口权限,比如:照相机 )

前端框架时间
vue的认识_第1张图片
MV*的图示

MVC | C改名为P MVP | P更像是媒人了( 连接 M V 的桥梁) MVVM | VM 是 由 p改名得来的 VM 和 V 的关系更加的亲密 | “MVVM”:双向数据绑定,View的变动,映射在 ViewModel,反之一样
注意: 我们以上的这几个框架都是: 单向数据流( 数据由 父级 流向 子级 )

vue.js安装
1. script标签引入( cdn| 下载 )
2. 模块化安装 npm/cnpm/yarn

你可能感兴趣的:(vue的认识)