Vue.js - ES6란?

ES6란?

ES6는 최신 자바스크립트 문법이자 스펙이다. 개발자가 더 쉽게 코드를 작성할 수 있도록 문법을 단수화하고, 유효범위를 제한하는 등의 기능을 추가했다.

const과 let

const과 let는 변수를 선언할 때 사용하는 예약어이다. ES5에서는 변수를 선언할 때 var를 사용하였지만 ES6에서는 const와 let을 사용한다.
coonst 예약어로 선언한 변수에 한 번 할당된 값은 다시 변경할 수 없다. 따라서 상수 값과 함수를 정의할 때는 const를 활용하고, 반복문을 비롯한 나머지 변수를 선언할 때는 let을 활용하는 것이 좋다.

블록의 유효범위(block scope)
ES6의 let 변수로 변수를 선언하면 { } 안으로 변수의 유효범위가 한정된다.

화살표 함수
기존의 ES5의 함수 정의방식을 간소화한 문법이다. 함수 선언 시 function() 으로 길게 선언할 필요 없이 => 로 간단하게 선언할 수 있다.

import와 export
자바스크립트 모듈화와 관련된 기능이다.

[Reference]

Do it Vue.js 입문(이지스퍼블리싱)