美文网首页
三:制作页面的标题以及导航部分

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

作者: 布林美美 | 来源:发表于2017-10-26 10:04 被阅读0次

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

相关文章

网友评论

      本文标题:三:制作页面的标题以及导航部分

      本文链接:https://www.haomeiwen.com/subject/vquhpxtx.html