목록setup (1)

포시코딩

[Vue 3.0] data()와 methods() 대신 setup() 사용하기

개요 오랜만에 Vue를 통해 프론트엔드를 구현하게 되었는데 Vue 2.0때와 사용 방법이 크게 달라지는 부분이 있어 포스팅하게 되었다. Before export default { data() { return { inputRef: null, uploadedImage: '', }; }, methods: { handleChange(e) { // change 이벤트 함수 showImage(); }; handleDrop(e) { // drop 이벤트 함수 showImage(); }; showImage() { } }, }; 기존이 위처럼 data에서 변수명을 선언하고 methods에서 함수를 선언해 사용했다면 After import { ref } from 'vue'; export default { setup() ..
JavaScript 2023. 6. 21. 18:49
이전 Prev 1 Next 다음