<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 15.4px; line-height: 20px; white-space: pre;">
<div><span style="color: #9cdcfe;">computed</span><span style="color: #9cdcfe;">:</span> {</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #dcdcaa;">syncMsg</span>() {</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #c586c0;">return</span> <span style="color: #569cd6;">this</span>.<span style="color: #9cdcfe;">$refs</span>.<span style="color: #9cdcfe;">childComponent</span>.<span style="color: #9cdcfe;">msg</span>;</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>&nbsp; },</div>
</div>
<p>위 코드 부분에 에러가 납니다.</p>
<p>child component 및 msg 데이타도 선언되어 있구요.</p>
<p>어떤 문제일까요?</p>
<p>&nbsp;</p>

<p>&lt;template&gt; 에 삽인한 child component의 ref가 childComponent가 맞나요?</p>
<p>예를들어</p>
<p>&lt;template&gt;</p>
<p>&nbsp;&lt;child-component ref="childComponent" /&gt;</p>
<p>&lt;/template&gt;</p>
<p>&nbsp;</p>
<p>this.$refs에서 접근하기 위해서 ref값이 정확히 맞아야 합니다.</p>

인프런 커뮤니티 질문&답변

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'msg')