photo-editor가 초기화되면 // 라이브러리 호출 - app vue <photo-editor option은 넣는걸 나중에 생각></photo-editor> //photo-editor. ui와 관련된 부분만 분리. <template> <photo-editor> <template v-slot:imagecontroller="(photoeditor}">{{photoeditor.data}}</template> <template v-slot:imageEditor="(photoeditor}"> <btn @click="photoEditor.methods.rotate"></btn> </template> <template v-slot:imageSticker="(photoeditor}">{{photoeditor}}</template> </photo-editor> </template> // 이름이 약간 헷갈리는거 같음 컴포넌트 이름들 //photo editor canvas => 여기서 모듈을 총 관리. 모듈을 위한 공간으로만. <template> <slot :photoEditor="photoEditor"></slot> <canvas></canvas> <slot :photoEditor="photoEditor"></slot> </tempate> <script> import * from 'editor.js' 여기서 모듈을 호출해서 필요한거 다 만들고 부르고 세팅 </script>
<imoji-editor>