orange056

vue3를 이용해 슬라이드 기능구현을 해봤다 npm install vueperslides 먼저 vueperslides를 설치해준다 다음으로 코드이다 이건 짧아서 이해하는데 큰 어려움이 있진 않을 것이다 // npm install vueperslides // https://antoniandre.github.io/vueper-slides/ 완성된 모습 잘 안보이지만 자세히 보면 왼쪽 오른쪽 버튼도 있고 아래 부분에도 몇번째 사진인지 알 수 있도록 되어있다. 끝

- html - script 원랜 더 길었지만 필요한 부분만 두고 나머지 부분은 지웠다 파일을 선택하면 위처럼 미리보기가 나온다 ^-^

- 하위 컴포넌트 // 하위컴포넌트에서 상위컴포넌트로 데이터 보내기 const test = '테스트 데이터임!!'; const emit = defineEmits(['child']); const testBtn = () =>{ emit('child', test); } child라는 이름으로 데이터를 보내줌 - 상위 컴포넌트 child로 데이터가 넘어오면 parents 함수 실행 const parents = (data) => { // 실행할 내용 입력 console.log(data); } parents함수에 실행할 내용을 입력해주면 끝