javascript - Vue2 구성요소 간 값 전송에 대한 조언 요청

Question

프로젝트 주소: 링크 설명
현재 headers, Footers, UserList 3개의 구성요소가 있습니다headers、Footers、UserList
其中headers中{{title}}为显示页面标题
我想通过访问其它组件改变headers的title数据,请问有哪些方法,能举下例么.
感觉router、vuex和vue本身都能实现,但就是不知道怎么做.
另外麻烦看下app.vue和router/index.js,里面的headers、Footers、UserList,它们是什么关系?UserList그 중 headers의 {{title}}는 표시 페이지 제목

다른 구성 요소에 액세스하여 헤더의 제목 데이터를 변경하고 싶습니다. 방법은 무엇입니까?🎜라우터가 느껴지나요? vuex와 vue는 이를 스스로 달성할 수 있지만 어떻게 해야 할지 모르겠습니다. 🎜 또한 app.vue 및 router/index.js<를 살펴보세요. headers, Footers, UserList가 포함된 /code>, UserList는 하위 구성 요소에 속합니까?🎜

Answer 1

vuex를 사용한 구현은 다음과 같습니다.

헤더의 제목을 상태의 속성으로 추출하고, 제목을 얻기 위한 getter를 정의하고, 다른 컴포넌트에 접근할 때 이 변이를 커밋하면 변이의 페이로드가 제목의 특정 값이 됩니다.

Answer 2

vuex가 이해하지 못한다고 생각되면 데이터 새로 고침 방법을 분리하여 상위 구성 요소에 넣거나 전역 새로 고침을 직접 만드세요

Answer 3

/a/11...
이전에 쓴 글의 두 번째 부분 [2.실용적인 프로젝트 개발]
도움이 되셨으면 좋겠습니다