반응형
Notice
Recent Posts
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Today
Total
관리 메뉴

H-Log

[vue, nuxt] 형제 컴포넌트간 데이터 전송 본문

dev-log/vue·nuxt.js

[vue, nuxt] 형제 컴포넌트간 데이터 전송

hong6v6 2022. 5. 13. 13:28
반응형

보내는 컴포넌트

this.$nuxt.$emit('데이터통신 이름', 보낼데이터)

//예시
this.$nuxt.$emit('passData', this.data)

 

받는 컴포넌트

this.$nuxt.$on('데이터통신 이름', 받아서사용할데이터이름 =>{
	console.log(data)
})

// 예시
this.$nuxt.$on('passData', info =>{
    console.log(info)
})

 

반응형
Comments