vue入门详解。router和vuex，包括vue指令使用及说明。

快速入门vuejs

开发vuejs项目有两种方式，分别是：
1，像jquery引用vue链接直接上手开发
2，搭建脚手架工具
今天只讲脚手架的安装搭建和指令等方面。基本上包含了普遍vue开发者的知识点。基本上可以上手进行开发和使用。

vue脚手架的安装

查看当前是否有vue脚手架：按住win+r会弹出一个小窗口然后输入cmd回车，看图检查自己的环境。如果有vue环境直接跳到搭建vue项目。如果没有vue环境直接输入：npm install -g @vue/cli之后会开始安装vue脚手架，安装完再使用vue -V就可以看到自己当前脚手架的版本了。

创建vue项目

第一步

1、vue create 项目名称例如：vue create demo

第二步

第三步

第四步

第五步

第六步

第七步

第八步

第九步

第十步–启动项目

vue目录解释

简单概括

src另外声明

main讲解

不做详解的就跟着做就行了，别问为什么，以后你就懂了。（特地开个标题说明一下）

路由讲解

不知道聪明的同学是否发现

这就是路由跳转，router有两个核心点，
一个是router-view（路由视图）一个是router-link（路由链接）
路由视图：举个例子，我们以app.vue为例子。

app.vue和router.js讲解。

路由的三个小demo，快速理解router

第一个小demo，新增页面。

第一步，修改router配置

注意看

import Vue from 'vue'
import Router from 'vue-router'
import Home from './views/Home.vue'

Vue