> For the complete documentation index, see [llms.txt](https://pyohamen.gitbook.io/til/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://pyohamen.gitbook.io/til/vue.js/01_vue.js_intro.md). # 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 }}
```