모달 활성 위치 설정 질문드립니다.

안녕하세요. Vue 1도 모르는상태에서 혼자하는것보다

정말 많은 도움받고 있어서 너무 감사드려요.

따라하니까 모달 잘 동작하는데,

컴포넌트를

<Root>

       <App>

               <header>

               <contents>

               <footer>

이런 구조를 해보려구해요.

Contents쪽에서는 모달이 위치가 가운대로 잘 동작하는데

강의와 똑같은 방식대로

Header에서 동작 시키면

Header에 할당되는 공간에서 가운대로 모달창이 활성화 되더라구요ㅠㅠㅠㅠ.

어떻게 바꿔야할지 감이 안와 질문드려요.