Slot1 component slot Vue component를 만들 때 내부에 텍스트 들을 template에 반영하려면 어떻게 하는지 알아보자. 새로운 뷰 컴포넌트가 my-comp라고 하자 Hello Vue.component('my-comp', { template: ' ' } 와 같은 방식으로 작성하면 Hello가 반영되지 않는다. 반영하게 하려면 어떻게 해야할까? template: ' ' 으로 작성하면 된다. 부분이 Hello로 바뀌는 것을 확인할 수 있다. 컴포넌트 내용으로 넣을 때 slot의 이름을 지정하는 것도 가능하다. 이러면 Vue의 template에서 원하는 위치에 해당 요소를 위치시킬 수 있다. 다음과 같다. input이 slot1으로 지정되어 실제 화면에서 뒤쪽으로 위치가 변경되었다. html에서 Vue의 data에서 가져.. 2020. 7. 9. 이전 1 다음
