Programming/Vue.js 2

Vue3 변경점을 정리해보자 1탄 (기본)

요약 Composition API가 들어오면서 데이터 선언, 함수 선언, 상태 관리 등의 변화 컴포넌트 내에서 데이터, 함수, 상태를 호출하는 방식도 변화 없던 종류의 컴포넌트, 내부적인 성능 향상을 위한 변화 변화 요약 Composition API (→ 기본적으로 영향을 미치는 변경점!) 템플릿 생성 방식의 변화 data, method 작성 방식의 변화 Lifecycle hook 호출의 변화 computed 속성 사용 방법의 변화 props와 this 바인딩의 분리 emit과 this 바인딩의 분리 Suspended Component Fragment Portal 내부적인 변화 그 외.. 사전 지식 Composition API란? 컴포넌트 내 특정 기능의 코드를 유연하게 구성하여 사용할 수 있도록 Vue..

Programming/Vue.js 2022.05.24

가볍게 문법과 개념 훑기

이번 시간에는 가볍게 문법과 개념에 대해 훑어보려 합니다! 주요 개념들을 문법과 함께 살펴보도록 하겠습니다.😎 Vue Instance 인스턴스는 Vue.js로 화면을 개발하기 위해 생성해야 하는 필수 단위이다. Vue Instance 생성자 생성자 함수를 사용하여 인스턴스를 생성하는 방법이다. new Vue({ // instance option properties }); Vue 객체를 생성할 때 아래와 같이 data, template, el, methods, life cycle hook 등 옵션 속성을 포함할 수 있다. new Vue({ // instance option properties template: "", el: "", methods: {} // ... }); Vue Instance 라이프싸이클..

Programming/Vue.js 2022.04.08