Xavire

시니어 (9년 이상)

제가 발표자는 아니지만 이해한대로 설명을 드려보겠습니다. 도움이 되시길 바랍니다.
FormView라는 것이 [type='text'] [type='reset'] 이라는 컴포넌트를 가지고 있는 하나의 View또는 화면(컴포넌트)이라고 생각하시면 될것 같습니다. 이 FormView라는 화면에 포함되는 컴포넌트를 다 포함시킨 상태여야 하니, 여기서의 this는 FormView라고 보시면 될것 같습니다.&nbsp;
해서 아래와 같이 FormView가 setup된 상태가 type='text' 와 type='reset'이 포함된 FormView가 된다고 보면 될것 같습니다.
FormView
&nbsp; &nbsp; &nbsp;inputEl
&nbsp; &nbsp; &nbsp;resetEl
이렇게 되어 있는 전체를 항상 가지게 하려고 하는 this라고 보면 될것 같습니다.
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;">
<div>FormView.setup(document.querySelector('form'))</div>
<div>.on('@submit', e => this.onSubmit(e.detail.input))</div>
<div>.on('@reset', e => this.resetForm())</div>
</div>

Xavire

Bài viết