# 01\_Vue.js\_Intro ## 01\_Vue.js\_Intro ## Start ```jsx ``` ## Intro * el ( Vue 의 인스턴스로 어느 요소에 마운트할지 결정 ) ```jsx
``` * data ( 호출 시, app.data.message ( X ), app.message ( O ) ) ```jsx
``` * interpolation ( ) 보간법 ```jsx
{{ message }}
``` * v-text / if / if-elseif-else / for / bind ( v- 접두사로 시작하는 디렉티브 ( 명령하는 것 ) ) ```jsx
text, if, if-elseif-else, for 까지는 쉬우니 패스 Bad Google link Good Google link Bad Naver link Good Naver link
``` `v-bind:` : `:` 으로 쓸 수 있다. * method / v-on ```jsx
{{ message }}
``` \`\`\`jsx ```
``` \ ```` `v-on:` : `@` 으로 쓸 수 있다. - v-model ```jsx

{{ message }}

1way:
2way: value 가 표준속성이기 때문에 v-bind 해줘야함
v-model/2way:
```` * v-show ```jsx

This is v-if

This is v-if with false

This is v-show with true

This is v-show with false

``` * lodash ```jsx
``` * computed 어떤 함수들을 computed 에 정의하나요? → Data 를 Create Update Delete 하지 않고, Read(return) 하는 함수들! (SQL WHERE) ```jsx VueJS

Poor people

{{ bankruptPeople }}
``` --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://pyohamen.gitbook.io/til/vue.js/01_vue.js_intro.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.