day1 --认识Vue
起源:
2013年6月 — google工作的尤雨溪收到Angular的启发,从中提取除了自己喜欢的部分,而开发出的一款轻量级框架,最初命名Seed,本意是做一个视图层库。
2013年12月 — 更名为vue,版本为0.6.0
2014年1月 — 第一次进行正式发布V0.8.0
2015年4月 — 发布0.12.0版本,vue进入Laravel社区,打响了知名度
2015年10月 — V1.0 Evangelion, 这个时间前后,vue-router、vuex、vue-cli相继发布,标志着vue从一个简单的设图层库发展为一个渐进式框架,很多前端开发者从此入门
为什么要使用Vue
Javascript出现以后,网页变得更加的强大和动态了,我们在运行页面的时候,会同时将js文件载入其中,来建立和html、css之间的连接,成千上万的JS代码缺乏正确的组织方式会使其看起来非常复杂,因此我们需要一些Javascript框架来帮助我们进行管理,所以目前越来越多的人使用Javascript框架,例如(Angular、React、Vue)
什么是Vue
Vue (读音 /vjuː/,类似于 view) ,
Vue是一个渐进式的JavaScript框架,采用自底向上增量开发的设计,核心是只关注视图层。
什么是渐进式呢?
我们想象一个场景:我们有一个现成的服务端应用,现在想使用Vue这个框架,但是一下子将原来的项目全部变更过来,工作量会非常的大,那么我们可不可以只变更某些部分呢?
渐进式可以理解为一步一步的来,不需要一竿子把所有的东西我们可以只将需要的部分嵌入我们的服务端应用,来丰富交互体验。或者,如果我们就想将更多或者全部的业务逻辑,放到前端来实现,我们可以使用vue的全家桶Core+vuex+vue-router来满足各式需求。
Vue的实现
这里大概说一下的Vue的基本概念:
声明式渲染
在这里区分两个概念,声明式渲染和命令式渲染:
声明式:只关心结果,不在乎过程
命令式:不仅关心结果,还关心中间的实现过程
举个例子:
我
之
前
看
过
的
以
到
数
据
结
构
的
题
,
在
不
使
用
封
装
好
的
方
法
的
前
提
下
去
求
解
2
我之前看过的以到数据结构的题,在不使用封装好的方法的前提下去求解\sqrt{2}
我之前看过的以到数据结构的题,在不使用封装好的方法的前提下去求解2
在解决这个问题的时候,我们直接用封装好的函数去求解,就是声明式,而利用二分法去一步一步求解,就是命令式
已经理解了声明式,那么就可以很好的理解声明式渲染了。DOM应尽可能是函数式到状态的映射,而DOM状态就是对数据状态的一个映射,我们将尽可能多的业务逻辑处理放在状态的层面进去,当状态改变时,view应该自动被框架更新到合理的状态,而不是需要自己手动的去改变。
第一次写笔记,一方面是想对每日学习的东西做个总结,另一方面是想练习一下如何将自己学的东西写出来,
如果有错误或者表达不当的地方,希望大家批评指正。