vue 특징

vue 특징

• Single Page Application : HTML 하나에 유저가 원하는 내용으로만 바뀜
• Single File Conponent : HTML CSS JS 가 하나의 파일에서 관리됨

Options API

data, methods, mounted 등과 같은 객체를 사용하여 컴포넌트 로직을 정의
옵션으로 정의된 속성은 컴포넌트 인스턴스를 가리키는 함수 내부의 this에 노출 됨

data: 데이터 관리 this에 노출됨
methods: 속성 값을 업데이트, 템플릿 내에서 이벤트 핸들러로 바인딩, this에 노출됨

Composition API

import로 가져온 Vue.js의 내장된 API 함수들을 사용하여 컴포넌트를 정의
SFC에서 컴포지션 API는 일반적으로 <script setup>과 함께 사용

ref, reactive: 반응성 데이터를 만들때 ref(값설정),reactive(객체설정)
methods : methods라는 객체가 없어 일반적인 함수를 선언하면 됨