三：制作页面的标题以及导航部分

1.首先在我们src/components文件夹里面新建一个header文件夹和tab文件夹，这里面分别是放各组的业务组件的

2.写头部的组件，m-header.vue以及tab.vue在编写的地方，有几个注意的地方

（1）header组件

（2）tab组件

这个组件已经完成，然后需要在app.vue这个引入这两个组件，并且运用进去，同样还有几点要注意的时候，这个

（1）对于组件命名的问题（注意组件的命名不能跟标签冲突）

（2）原始的路径是带#，如果不想带这个话，需要在router的index.js里面设置mode：“history”

（3）因为是单页面，所以在设置首页的显示的时候，可以用到这个redirect这个属性，可以首页展示的组件

基本上header.vue以及tab.vue组件就完成了