본문 바로가기

코딩/VUE.js

Vue.js 개발을 위한 주요 ES6 문법

https://joshua1988.github.io/web-development/translation/essential-es6-features-for-vuejs/



매우 유용하다!!



@ '', "" 보다는 `(백틱) 사용을 지향한다.


1) JS에서 HTML 코드 작성시 한줄로 쓰기 불편하지만 `은 줄간격을 띄어써도 가능하다.


2) +로 문자열과 변수를 조합시켜주어야하지만 템플릿 리터럴의 ${} 문법을 활용하여

문자열을 쪼개지 않고도 동적으로 활용이 가능하다.

EX) 'HELLO' + this.name + '!!' ☞ `HELLO ${name} !!`



@ 화살표 함수


function(idx) {} 인자를 (idx) => {} 로 단축화 할수 있다.

하지만 인스턴스 속성에서는 사용이 불가하다.

EX) computed : { upperCase: () => {~~~} } // Uncaught TypeError: Cannot read property 'toUpperCase' of undefined


다.

'코딩 > VUE.js' 카테고리의 다른 글

[VUE] computed 계산된 속성  (0) 2019.01.04