vue.js

[VUE] vue.js 에서 aos.js 사용하기

작업환경 : vue.js 2.6.11 + typescript + yarn 1. aos 패키지 설치 yarn add 'aos' --save-dev yarn add '@types/aos' --save-dev ❗ aos만 설치하면 에러가 뜬다. 타입스크립트 버전으로 추가 설치를 해야한다. 2. main.ts import AOS from 'aos' import 'aos/dist/aos.css' Vue.use(AOS); new Vue({ router, store, mounted () { AOS.init({ easing: 'my-easing', duration: 500, delay: 50 }); }, render: h => h(App), }).$mount('#app') ❗ AOS.init 옵션은 원하는대로 커스텀해..

[VUE] vue.js 에서 swiper 사용하기

친절한 분이 IE에서 동작하는 팁을 알려줬다😊 감사한 마음에 캡쳐! 다른 분들도 참고 하면 좋을 것 같다. 슬라이드 플러그인 중에서 swiper를 자주 쓰고 좋아하는데 이걸 vue에서도 쓸 수 있나 검색해봤더니 vue-awesome-swiper라고 만들어져 있어서 그걸 쓰기로 했다. 1. vue cli 작업 환경에서 swiper 패키지를 다운로드한다. 이때, swiper 6 이상 버전은 vue3에 최적화되어 있는데, 현재(2021.03 기준)로 vue3는 아직 버그가 많다고 해서 vue 2.x 버전에서 사용할 수 있는 swiper 5.3.7을 다운로드한다. yarn add 'swiper@5.3.7' --save-dev yarn add 'vue-awesome-swiper' --save-dev 2. swip..