vue组件内容怎么相互渲染

想请教下，这个页面我分成了header content footter三个大组件 header是红色框标注的位置，header部分下面的首页投资理财这些是导航每个导航对应一个组件我想当点击这些导航的时候匹配到的组件让他渲染到header下面的content组件里，而不是在header里面，这个怎么实现呢弄了几次了，都没弄好