javascript - Vue2.0에서 $on의 데이터를 업데이트하는 방법
欧阳克
欧阳克 2017-06-12 09:25:46
0
2
640

아버지와 아들의 소통이기 때문에 온라인 튜토리얼을 따라 bus.js 파일을 만들었습니다.
'vue'에서 Vue 가져오기
기본 new Vue() 내보내기

첫 번째 구성 요소인 login.vue는 $emit
this.usermsg에 사용됩니다.

으아악

첫 번째 구성 요소인mine.vue는 $emit
data() {

에 사용됩니다. 으아악

userData의 데이터는 변경되지 않으며 할당이 적용되지 않습니다. 아니면 이렇게 과제를 변경하면 안되는 걸까요?

欧阳克
欧阳克

温故而知新,可以为师矣。 博客:www.ouyangke.com

모든 응답(2)
过去多啦不再A梦

우선, 귀하의mine.vue가 먼저 초기화되어야 합니다. $on('usermessage') 이후 관련 코드는 이 이벤트를 수신하기 전에 $emit('usermessage')를 트리거합니다. 현재 코드에 따르면 내보낼 때mine.vue가 전혀 초기화되지 않아 이 이벤트를 모니터링할 수 없습니다.
그러면 화살표 기능을 사용했기 때문에 이 포인팅이 정확합니다. 자세한 내용은 화살표 기능 포인팅 문제를 참조하세요. (this.msg로 무엇을 하려는지는 모르겠지만 분명히 데이터에는 msg가 없습니다.)
또한 로그인하여 사용자 정보를 얻고 이를mine.vue 페이지에 표시하는 것이 좋습니다. . 다른 페이지에서 확인할 수 있도록 vuex를 사용하여 사용자 정보를 저장하는 것이 좋습니다

三叔

정답은 위층에 있습니다.
로그인으로 이동하면 광산 구성 요소가 파괴됩니다. 파괴된 라이프 사이클에서 무언가를 인쇄하여 올바른지 확인할 수 있습니다. 이런 식으로 다시 마이닝으로 점프하면 안에 있는 내용이 다시 초기화되므로 인쇄하는 내용은 항상 방금 초기화되어 조작되지 않은 내용이 됩니다.

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿