多页面开发中如何解决头部底部这样的多页面公用,如何实现逻辑复用
mixins解决
以头部为例
不建议定义为全局mixins
var header_mixin = {
data(){
return {
}
},
methods:{
},
mounted(){
}
}
首页和列表页公用header
首页
new Vue({
el:'#index',
mixins:[header_mixin]
});
列表页
new Vue({
el:'#list',
mixins:[header_mixin]
});
这样就实现了header逻辑的复用
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。