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组件就完成了