vue脚手架配置公用头部、底部。控制显示隐藏*

*vue脚手架配置公用头部、底部。控制显示隐藏

第一步配置公共头部和尾部文件
*vue脚手架配置公用头部、底部。控制显示隐藏*
第二步
在APP.vue的script引入
vue脚手架配置公用头部、底部。控制显示隐藏*
接下来在data 的return写header_show:true,footer_show:true控制显示隐藏 false为隐藏vue脚手架配置公用头部、底部。控制显示隐藏*
methods
vue脚手架配置公用头部、底部。控制显示隐藏*

header 和 footer 默认显示,例如某个页面不需要显示header

可以使用 this.$emit(‘public_header’,false); 来控制header不显示

例如:Inspiration页面不需要显示header,在页面被创建的时候广播(this.$emit)告诉上级不显示header,

并且在当前页面写自己的header代码,就可以了