---
# System prepended metadata

title: Vuejs

---

# Vuejs
- Binding Two Way
- Event -> Fire
- lenh khoi chay vue trong laravel `npm run watch-poll`
## Cú pháp
- `v-if` `v-else`: Điều kiện tạo element trong vuejs
- `v-show`: Điều kiện hiện trong vuejs
- `v-model`: Gán input two way binding -> Khi input thay đổi thì data thay đổi và ngược lại
- `v-on:click` `@click` : Xảy ra sự kiện (hàm) khi bấm element (phần tử)
- `v-on:change` `@change`: Xảy ra sự kiện (hàm) khi input thay đổi

## Life cycle
https://vuejs.org/guide/essentials/lifecycle.html#lifecycle-diagram