Vue.js Basics Ep. 03 - V-On | V-Model | Lifecycle Hooks

[ Vue Basics Ep. 03 ] [ Vue.js ]
# V-On | V-Model | Lifecycle Hooks

## A Closer Look at the Vue Instance!
- V-On Directive
- V-Model Directive
- Lifecycle Hooks

Vue.js Bundle:
https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js

Project Repo:
https://github.com/Sharpie360/lcs--vue-basics

## Helpful Links

[ Vue Devtools ](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=en)

[All About Events in Vue.js](https://alligator.io/vuejs/events/)

[V-model in depth!](https://vuejs.org/v2/guide/forms.html)

[Vue.js Lifecycle Hooks API Reference](https://vuejs.org/v2/guide/instance.html#Instance-Lifecycle-Hooks)

[Learn more about Javascript DOM Events](https://eloquentjavascript.net/15_event.html)

## TIMELINE
====================================
2:23 - Session Start
3:39 - V-Bind Recap from Episode 02
10:00 - Handling Events with V-On - Overview
23:01 - A Breakdown of the V-On Syntax
42:14 - V-Model - Vue.js Two Way Data Binding
50:17 - Using Select and Option Inputs with V-Model
1:00:30 - Vue Instance Lifecycle Hooks
1:12:23 - Vue.js Development Tools in VS Code
1:17:08 - Session End
====================================
Check out DVLFE for all things Developer Clothing!
Save 25% on orders with coupon code RABBITWERKS
https://www.dvlfe.com

## Music from RabbitWerks CodeBeatz Spotify Playlist
https://open.spotify.com/user/vmgig1o6wj07wl726ud9yleki/playlist/31aFYjW8WYFYQa9jD0Emli?si=E5BkXuKWRaGp8-rSTkt2Cw

Live project work. Coding in JavaScript.
Please feel free to leave a comment or suggestion in the chat!

Thank you and Enjoy!

#vuejs #tutorial #beginners #intro #rabbitwerks #javascript #directives #instance #vue #v-on #v-model #lifecycle #hooks

Тэги:

#app #for_beginners #how_to #install_guide #intro_to #javascript #js #rabbitwerks #rabbitwerks_js #setup #setup_guide #tutorial #vue #vue_js #vue_native #web_development #vue_basics #getting_started #livestream #coding #livecoding #html #css #html5 #css3 #framework #frontend #vue_directives #intro_to_vue #vue.js_for_beginners #vue_for_beginners #v-if #v-else #v-bind #v-show #v-for #v-model #vue_tutorial #live_coding #vuejs_vuex #vue_course #vue.js_tutorial #vuejs_tutorial

Скачать видео