Vue.js 개발환경 및 시작하기

1. ES6 (최초 JS 문법 정리)

InternetExploer(IE)는 지원안됨.

IOS,SANSAMG,CHORME,NODE 지원됨

 

1. 변수선언 : let , const(상수)

Var 은 범위가 함수라서 사용하기 어렵다

변수 스코프가 중괄호

Const는 값 변경될 수 있다.

 

https://es6console.com/ 테스트

 

1. 람다식

=> 사용하여 표기

This는 부모쪽임

선언할때 사용 ( X )

• 함수가 추가되어짐

 

1. 객체선언

 

Vue 사용시 굉장히 사용함.

 

1. ` (역슬래시) 사용의 불편함을 없앴다.

 

 

합성어 또는 줄바꿈 사용시 신규로 작성시 편함

 

1. Models

 

 

땡겨쓰려면 require('module')로 불러온다.

웹브라우저는 못하고(import,require 등) Nodejs를 통해서 가능함.

 

===============================================================

 

1. Vue.js

 

#을 쓰면 아이디

Message:'hello'

변수이름:값

 

변수 출력하려면 {{ message }}

 

파일 생성후 웹 브라우저에서 띄운후 F12를 통해서

 

즉시 적용된다.

 

 

1. Vue instance

 

Created->mounted->update->destory

 

 

1. Id값이 없으면 변수호출이 안된다.

 

https://kr.vuejs.org/v2/guide/syntax.html 템블릿 문법

 

 

 

 

4)

첫 번째 줄 읽고 마지막 줄 읽으면 부모-자식 관계를 알게 된다,

 

조건문

 

 

DOM = 태그 자체를 삭제함 ( 사용하지 않을시 )

 

한번 로딩되고 잘 안바뀌면 v-if 등을 사용 , v-else (조건문 아님)

 

처음부터 끝까지 읽고 메모리 상태 띄운다. 원본에서 읽어서 조건문 적용 , css 적용후

=

서버에서 넘어온 원본에는 p 태그 3개를 줫지만 실제로는 2개를 삭제한다 (메모리 상에서)

조건문 비교시 하나만 참 이기때문에 나머지 거짓인 2개는 삭제

 

 

1. 반복문

2. 

 

Index로 사용시 홀짝 , 주소를 다이나믹하게 생성 등 사용한다.

 

카운터 시작하면 0 부터 시작 클릭하면 올라간다