Vue Fundamental Series : Vue Js Directives | Data Binding | 2 way Data Binding | Loops |

This is the part 5 of the Vue js Fundamental Series. In this video we are going to discuss about vue directives. Vue directives are HTML attributes with the prefix v-. Vue js provides built-in directives and user can defined custom directives.
Let's start with the new component VueDirectives.vue and import into App.vue. and then we will start from the V-Text directive with the example, v-html,then we will dive into conditional directives with vue js ie. v-if, v-else and v-show, then for array, v-for allows us to loop through items in an array with the special syntax. And then we will dive into v-bind and at last v-model for 2 way data binding.

TIMESTAMPS
0:00 Intro
0:06 What’s in this video
0:34 How to create new component ?
01:02 How to import and register new component?
02:33 Interpolation or Double curly braces
03:33 V-TEXT Directive
05:25 V-HTML Directive
07:10 Conditional Directive
10:50 V-FOR Directive
12:06 Key binding
12:57 V-BIND Directive
16:24 V-MODEL Directive
18:46 What's in Next Video

How to create vue js project using vue cli ?
   • Vue Fundamental Series : Vue js Installation  

How to create vue js component ?
   • Vue Fundamental Series : Vue js Components  

Learn File and Folder Structure of Vue js
   • Vue Fundamental Series : Vue js File and F...  

Vuejs Component
   • Vue Fundamental Series : Vue js Components  

Data Type and Mapping
   • Vue Fundamental Series : Data Type, Mappin...  

Vue VSCode Snippets
marketplace.visualstudio.com/items?itemName=sdras.…

Follow us :
----------------
Instagram : www.instagram.com/infinitudemedia
Facebook : www.facebook.com/Infinitude

Subscribe to our YouTube Channel    / @infinitude  

#howtocreatevuejsproject #vuedirectivesforBeginners #twowaydatabindinginvuejs #vue3 #basic#fundamental #howtoloopinvuejs #how to listrenderingwithvforinvuejs #vuejs #programming #infinitude