前端框架之Vue.js

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

一.基础介绍

1.基本概念
	1）Vue.js是目前最火的前端框架，React是最流行的一个前端框架。React除了开发网站，还可以开发手机App，Vue语法也是可以用于进行手机APP开发，但需要借助Weex.
	2）Vue.js是前端的主流框架之一，和Angular.js、React.js一起，并称为前端三大主流框架。
	3）Vue.js是一套构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与第三方库或已有项目整合，Vue丰富的第三方类库，可以整合做大型项目的开发。
2.官网
	1）英文网址： https://vuejs.org/
	2）中文网站：https://cn.vuejs.org/
3.特点
	1）Vue.js是基于MVVM架构；
	2）编码简洁，体积小，运行效率高，适合移动/PC端开发；
	3）它本身只关注UI，可以轻松引入Vue插件或其他第三库开发项目；
4.Vue的生态
	1）Vue.js ---关注UI层面；
	2）工具：DevTools
		vue-cli:vue脚手架
		vue-loader
	3)核心插件
		1）vue-router:路由
		2）vuex:状态管理
		3）Vue服务器端渲染
		4）vue-resource(axios):ajax请求

二.安装Vue-cli

1.vue-cli是什么？
	vue-cli是vue官方提供的脚手架工具，默认搭建好了一个项目的基本架子，我们在其基础上进行相应修改即可。
	1）全局安装vue-cli
		npm install -g @vue/cli
	2）查看版本/是否安装成功
		vue -V或vue --version
2.初始化Vue项目
	1）vue create ***
	按键盘上下键可以选择默认（default）还是手动（Manually），如果选择default，一路回车执行下去就行了， 继续手动一下
	2）选择配置
		A:空格键是选中与取消，A键是全选
		B:选项说明
			a:TypeScript 支持使用 TypeScript 书写源码
			b:Progressive Web App (PWA) Support PWA 支持.PWA不是API或技术，但它是一种Web开发方法，它使用已有的工具和技术组合来创建有针对性的理想用户体验
			c:Router 支持 vue-router 
			d:Vuex 支持 vuex 
			e:CSS Pre-processors 支持 CSS 预处理器
			f:Linter / Formatter 支持代码风格检查和格式化
			g:Unit Testing 支持单元测试
			h:E2E Testing 支持 E2E 测试
	3）选择将这些配置文件写入到什么地方 (In dedicated config files)专用配置文件中
	4）是否保存这份预设配置？（n）
		选是的话，下次创建一个vue项目，可以直接使用这个预设文件，而无需再进行配置
	5）运行项目