소개 | Vue.js
v3-docs.vuejs-korea.org
Overview | Vue CLI
Overview Vue CLI is a full system for rapid Vue.js development, providing: Interactive project scaffolding via @vue/cli.A runtime dependency (@vue/cli-service) that is: Upgradeable;Built on top of webpack, with sensible defaults;Configurable via in-project
cli.vuejs.org
CLI (Command-Line Interface)
createApp에 전달된 옵션은 루트 컴포넌트를 구성하는데 사용됨
> 어플리케이션을 mount할 때 렌더링의 시작점으로 사용됨
🟣 Lifecycle hook
# template 문법
🟣보간법 Interpolation
문자열 : 데이터 바인딩의 가장 기본 형태인 이중 중괄호 구문(Mustache) 기법을 문자열 보간법 (text interpolation)으로 사용 / 속성이 변경될 때마다 갱신됨
v-once 디렉티브 : 데이터가 변경되어도 갱신되지 않는 일회성 보간을 수행할 수 있음 (같은 노드의 바인딩에도 영향을 미친다는 점 주의), 데이터를 한번만 화면에 렌더링함
v-html 디렉티브 : 실제 html 문법으로 출력됨 / 이중 중괄호 {{}}는 html이 아닌 일반 텍스트로 해석함 > v-html 디렉티브 사용하면 html 적용된 걸로 출력됨
v-bind 디렉티브 : {{}} 이중 중괄호는 html 속성에서 사용X, 대신 v-bind:속성 > 약어 : 사용 가능
v-on 디렉티브 약어 : @
#computed