[21.09.03] Vue.js 시작하기

Front-end 개발 방향

angular (프레임워크) - 양방향 바인딩 react (라이브러리) - 가상돔 vue (프레임워크) - 양방향 바인딩 + 가상 돔 svelte

프레임워크 - 붕어빵 틀 (주권이 프레임워크)  : 전체는 정해져있고, 일부를 개발자가 변경  라이브러리(주권이 개발자)  : 책을 대여해서, 과제를 해결하고 반납  -> 제어권의 역전

자바스크립트에서의 this : "함수 호출 시점"에 바인딩(정해진다)

1. 일반함수로 호출 -> 전역객체

2. 메서드로 호출 -> 그 메서드를 소유한 객체

bbq() -> window.msg, window.nextMsg

app.bbq() -> app.msg, app.nextMsg

 

재설치를 위한 vue-cli 삭제

npm uninstall vue-cli-g

 

vue 설치

npm i -g @vue/cli

npm i vue-cli -global

npm i @vue/cli

npm i vue-cli -g

 

설치 확인

vue --version

 

버전3 재설치하기

npm uninstall -g vue-cli
npm install -g @vue/cli

 

정책 변경

Set-ExecutionPolicy RemoteSigned

 

프로젝트 생성

vue create [프로젝트명]

Manually select feautres

-> linter space로 해제<

그후 나머지 default로 전부다 enter