Vue routerd的安装与使用（每天前进一小步，一年前进一大步）

**

【1】 Vue router安装

1、环境要求 ：VsCode
2、安装npm install vue-router、cnpm install vue-router或yarn add vue-router中的其一即可
在终端命令中输入npm install vue-router 即可自动完成安装

在node_modules文件夹中找vue-router文件夹 找到就说明安装成功
**

【2】 Vue router使用

1、新建router.js文件 在router.js中引用如下代码
import Vue from ‘vue’
import VueRouter from ‘vue-router’
Vue.use(VueRouter)
2、在src中新建view文件夹，在view新建例如：Home文件夹，在文件夹中新建index.vue
在index.js中写入如下代码
例：

3、在roter.js中设置如下两步 （1）、import Home from './views/Home/' (2)、export default new VueRouter ({ routes: [ { path: '/', redirect: '/home' //设置默认指向 }, { path: '/home', component: Home } ] }) 4、在App.vue中的div内引入 5、在main.js中 增加import router from ‘./router' 

出现这样的页面就说明你成功了

【3】 点击链接

1、下面我们先准备三个组件text1、text2、text3

2、我们将在router.js中引用这三个组件

如同上面一样 我们的引用大同小异，
3、路由配置
Vue中使用children实现路由的嵌套
使用 children 属性，实现子路由，同时，子路由的 path 前面，不要带 / ，
否则永远以根路径开始请求，这样不方便我们用户去理解URL地址

添加此语句是设置刷新后默认显示的数据，
4、在home/index.vue中应引用设置点击链接

如果你出来这个页面就说明你成功了