首先，大家不会vue的建议去看看微信小程序的官方文档，当你把小程序的官方文档看懂之后，再来学vue你会发现vue你已经半只脚入门了。
原因：我之前其实也看过vue的官方文档，后来公司暂时不用vue的情况下，要求开发小程序，然后小程序的原理和vue是一样的，核心都存在生命周期，目录结构也相似。当你小程序写两个demo之后再把小程序的原理嵌套上去，vue理解起来会比较快。
这里我吐槽一波，vue的官方文档真的垃圾，微信小程序方面的文档拿来当vue的入门文档都比vue好，主要是两者太相似了，结构，核心都是类似的。然后和大家说一下，目前市面上快应用，支付宝小程序都是和微信小程序是一样的文档结构，开发模式也是基本一样。所以小程序这块微信不得不说，鼻祖，前瞻性很高。
顺带吐槽下，现在公司招聘都需要vue，但是说实在市面上会vue的前端不算太多，培养这些公司也不会给你时间，所以大家自己努力了。而且vue的前端开发模式属于18年最新的，彻底的前后端分离，模块化，不再需要tomcat等服务器，但是难度也比较高。学习方面必须基础知识：nodejs，但是现在很多前端不会nodejs，其实只要会安装和npm就行了，但是nodejs说实在是和tomcat一样的一个服务器。所以属于后端的内容，学习成本是比较高的。相比原来的前端，基础拔高了不少。
好了废话一堆开始正题。
第一：安装，这里我不多讲，仅仅是大致讲解。因为这个设计nodejs知识，不会的找nodejs的文档看去，我之前用nodejs开发过所以对我来说不是问题很基础。
1、node安装包，exe的直接点击安装就行。注意别傻乎乎的装C盘，然后记得修改全局安装。
奉上命令：npm config set cache "D:\node.js"
npm config set prefix "D:\node.js"
2、了解nodejs中npm管理（核心）
3、下载webstrom（推荐，不用的自找苦吃）
4、根据vue官方来进行npm包安装
5、用webstrom来创建vue项目
这里解释下，为什么用webstrom，第一是webstrom支持好，第二就是你让我来一步步根据官方来安装太累（酱油自己也不一定能搞定），还需要配置webpack，babel等。但是webstrom直接全部帮你配置好了，注意就是自己提前把npm包下载好就行了。
第二：vue目录结构
我比较懒，先上推荐的一位大神的链接（菜鸟教程）
推荐链接：http://www.runoob.com/vue2/vue-directory-structure.html
说明：
src：平常开发都在这里
assets，没用，已经有了static了为什么还要它？
components，存放组件的地方，完全可以自己定义
App.vue，别动我自己开发这个文件只是用来写全局css，其他的都不动，记得把多余的东西去掉
这样就行：
main.js，核心文件，一般用来设置全局js注册组件等，我的是这样的
static：静态文件存放位置
router：路由文件存放地址（核心，不懂路由什么意思的前端记住这句话：路由就是网址，只是路由以前是后端控制的）
index.js（该文件名称不固定，也可以拆分）
拆分方式推荐链接：https://blog.csdn.net/fungleo/article/details/81014184
我的：
这里我一开始以为app.vue是可以作为主路由页面的，也就是“/”定义为app.vue，但是不能这么干。要是你这样干了，那么app上面修改的内容你会在任何一个页面上面展现，并且是属于背景那种，所以可以想想有多恐怖。大家合理利用
所以你如果要定义首页，请在别的地方定义一个新的vue页面，然后把那个页面设置为根页面
index.html：项目实际主入口
好了这里项目结构基本上讲完了。
这里和小程序做下比较
src=====pages 小程序pages只能存放页面文件，不能放其他，但是类似，属于主要开发位置，一个页面一个文件夹
app.vue============ 小程序无
个人定义的根页面index.vue ======= 小程序的index页面
生命周期=========== 基本一样，小程序帮你定义了一些比较好用的东西
路由router/index.js====== 小程序app.json 两者差不多，都需要提前把页面定义好
main.js =========== app.js 核心部分，创建一个vue项目或者小程序项目
数据绑定 ====== 基本一样
新手应该没看懂，没事，等你们两个都接触之后，发现真的基本原理是一样的
第三：创建页面，正式开始开发
这里先上推荐（人家比我写的好）：https://www.cnblogs.com/dreling/p/6892684.html
这里我个人说下创建顺序
先创建自己的vue模板文件，然后在路由（router）文件夹下面定义好页面，然后用
<router-link to="你定义的路由">类似a标签</router-link>
定义跳转页面。
好了这就是基本的开发模式。很简单吧。
第四：概念
vue中的js不是全局的，app.vue下面也不是，会随着路由的改变创建和销毁。但是app.vue中的css可以全局使用
main.js用来定义全局js
写页面的时候style 标签加上scoped，不然会样式混乱。
新手页面问题，页面顶部为什么总是会留有空白，vue修改方式：index.html下面去设置body标签padding：0和margin：0
所有页面都在index.html下面创建
app.vue等于index.html中的一个div
所有页面都在app.vue下面进行创建和销毁，等于在index.html下面的div中创建和销毁
vue模板下面必须有一个根元素，但是不能有两个以上
可能写的不咋的，但是，我表示我弄懂其中的关系了