今天完成的事情：

今天学习了vue脚手架的一些基本设置以及路由的配置

路由要达到的一个效果是改变url的地址但是页面不刷新，这样可以极大的节省资源同时加快页面的更新速度。

首先我们要把我们想要展示的html做成vue组件，创建一个.vue的文件然后通过template标签创建要给组建的样板，然后再script标签里面添加export default这个指令设置自己想要的名字然后将组件发出代码如下：

每一个组件都可以这么做然后在rounter文件夹里面的index.js进行接收，通过import指令指定设置名称并通过from指定来源：

同时在index.js文件里面我们还需要接受vue以及vuerouter，由于router是一个插件所以在用的时候我们需要通过vue.(router)来安装插件如下：

接下来创建vuerouter实例对象，创建方法创建vue实例对象的方法差不多如下：

还可以通过mode来改变更改url的方式，默认的是通过hash修改url这样的话会出现#号，如果用H5的history的话就不会有#号。

然后我们需要在这个里面传一个对象——routes，并在这个对象里面配置路由映射关系，然后我们写的时候可以通过引入的方式，现在这个代码上面写一个routes对象并且配置好映射关系，然后再这个实例里面直接用，提高代码的可读性，使代码看起来更工整。

此时路由映射已经配置好了，我们需要将他到导出然后使用，同样的可以通过export default到处，然后我们在mainj.js文件里面接收，然后再挂在到vue实例中进行使用。

然后就是router-link标签和router-view标签，router-link标签再html中渲染出来的默认样式是个a标签的样式，他有个to属性，可以指定要访问的地址，同时还可以通过tag属性将默认的a标签样式改成别的样式，比如按钮我们加入tag="button"即可

明天要做的事情：

完成任务6所要求页面的编写同时将页面拆成组件并且实现路由。