This repository is the home for all the code you stumble upon in Java Beginners Tutorial's Vue Tutorial Series.
1. Hello World with Vue.js
- https://javabeginnerstutorial.com/js/vue-js/1-hello-world-with-vue-js/
- All related files are placed inside '01_Hello World with Vuejs' folder
- Code Files: index.html, index.js
2. Template syntax and a glimpse into reactivity
- https://javabeginnerstutorial.com/js/vue-js/2-template-syntax-reactivity/
- All related files are placed inside '02_Template Syntax and Reactivity' folder
- Code Files: index.html, index.js
3. Introduction to Vue directives
- https://javabeginnerstutorial.com/vue-js/3-vue-directives/
- All related files are placed inside '03_Introduction to Vue directives' folder
- Code Files: index.html, index.js
4. Vue Devtools Setup
5. Data binding Part 1
- https://javabeginnerstutorial.com/vue-js/5-data-binding-p1/
- All related files are placed inside '04_Data binding Part 1' folder
- Code Files: index.html, index.js
6. Data binding Part 2
- https://javabeginnerstutorial.com/vue-js/6-data-binding-p2/
- All related files are placed inside '05_Data binding Part 2' folder
- Code Files: index.html, index.js, vueLogo.png
7. Conditional rendering Part 1 (v-if, v-else, v-else-if)
- https://javabeginnerstutorial.com/vue-js/7-conditional-rendering-part-1/
- All related files are placed inside '06_Conditional rendering Part 1' folder
- Code Files: index.html, index.js
8. Conditional rendering Part 2 (v-if and v-show)
- https://javabeginnerstutorial.com/vue-js/8-conditional-rendering-part-2/
- All related files are placed inside '07_Conditional rendering Part 2' folder
- Code Files: index.html, index.js
9. Rendering Lists Part 1 (Iterating over arrays)
- https://javabeginnerstutorial.com/vue-js/9-rendering-lists-part-1/
- All related files are placed inside '08_Rendering Lists Part 1' folder
- Code Files: index.html, index.js
10. Rendering Lists Part 2 (Iterating over objects)
- https://javabeginnerstutorial.com/vue-js/10-rendering-lists-part-2/
- All related files are placed inside '09_Rendering Lists Part 2' folder
- Code Files: index.html, index.js
11. Listening to DOM events and Event modifiers
- https://javabeginnerstutorial.com/vue-js/11-listening-to-dom-events-and-event-modifiers/
- All related files are placed inside '10_Listening to DOM events' folder
- Code Files: index.html, index.js
12. Listening to keyboard and mouse events
- https://javabeginnerstutorial.com/vue-js/12-listening-to-keyboard-and-mouse-events/
- All related files are placed inside '11_Listening to Keyboard and Mouse events' folder
- Code Files: index.html, index.js
13. Let's use shorthands
- https://javabeginnerstutorial.com/vue-js/13-shorthands-for-v-bind-and-v-on/
- All related files are placed inside '12_Lets use shorthands' folder
- Code Files: index.html, index.js
14. Two-way data binding with v-model
- https://javabeginnerstutorial.com/vue-js/14-two-way-binding-v-model/
- All related files are placed inside '13_Two-way data binding with v-model' folder
- Code Files: index.html, index.js
15. Form input bindings
- https://javabeginnerstutorial.com/vue-js/15-form-input-bindings/
- All related files are placed in '15_Form input bindings' folder
- Code files: index.html, index.js
18. Class bindings
- https://javabeginnerstutorial.com/vue-js/18-class-bindings/
- All related files are placed inside '14_Class bindings' folder
- Code Files: index.html, index.js, style.css
19. Inline style bindings [In Progress]