VueJs第1天

Vue.js是一个轻巧的、高性能、可组件化的MVVM库。

Vue是一套用于构建用户界面的渐进式框架

渐进增强（progressive enhancement）：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。

（从被所有浏览器支持的基本功能开始，逐步地添加那些只有新式浏览器才支持的功能，向页面添加无害于基础浏览器的额外样式和功能。当浏览器支持时，它们会自动地呈现出来并发挥作用。）

优雅降级（graceful degradation）：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。

（Web站点在所有新式浏览器中都能正常工作，如果用户使用的是老式浏览器，则代码会检查以确认它们是否能正常工作。由于IE独特的盒模型布局问题，针对不同版本的IE的hack实践过优雅降级了，为那些无法支持功能的浏览器增加候选方案，使之在旧式浏览器上以某种形式降级体验却不至于完全失效。）

不适合SEO、交互频繁的交互体验网站

适合有大量数据增删改查的网站

单页面应用程序SPA

网站的交互方式:

经典的多页面 -->页面跳转

现代式的单页面 -->局部刷新

	多页面:
		前后端糅合在一起,开发和维护效率低下
		用户体验一般,点击刷新跳转,等待时间过长
		每个页面都需要重新渲染,速度慢
		有利于SEO搜索引擎搜索
	单页面:
		开发方式好,前后端分离,开发效率高,可维护性好
			服务端不关心页面,只关心数据
			客户端不关心数据库及数据操作,只关心通过接口拿数据和服务端交互,处理页面.
		用户体验好,就像一个原生的客户端软件一样使用
		只需要加载渲染局部视图即可,不需要整页刷新
		单页面应用开发复杂,所以诞生了一堆的开发框架
			AngularJS
			ReactJS
			VueJS
		无法兼顾低版本浏览器
		不会被搜索引擎搜索到,不利于SEO

	多页面:以服务端为主导,前后端相分离
	单页面:前后端分离,各司其职
	      -------接口-------->
	 前端					   服务端
	      <------返回数据-----