Never stop talking " STOP the Gaza Genocide "
  • Lesson.No : 72
  • 00:04:28

  • 73.Demo: Adding More Component Communication

  • Play

Course Lessons

  1. 1- 1.what is vue js?
  2. 2- 2.Different ways of using Vue js
  3. 3- 3.important Notes About the Vue Course
  4. 4- 4.Build A First App With Just JavaScript
  5. 5- 5.Re-building the APP with Vue
  6. 6- 6.First Module Introduction
  7. 7- 7.Creating and Connecting Vue App Instances
  8. 8- 8.Interpolation and Data Binding
  9. 9- 9.Binding Attributes with the "v-bind" Directive
  10. 10- 10.Understadning Methods in vue Apps
  11. 11- 11.Working with Data inside of a Vue App
  12. 12- 12.OutPutting Raw HTML Content with v-html
  13. 13- 13.Understanding Event Binding
  14. 14- 14.Events & methods
  15. 15- 15.Working with event Arguments
  16. 16- 16.Using The Native Event Object
  17. 17- 17.Exploring Event Modifiers
  18. 18- 18.Locking Content with v-once
  19. 19- 19.Data Binding + Event Binding = Two-Way Binding
  20. 20- 20.Methods used for Data Binding How It Works
  21. 21- 21.Introducing Computed Properties
  22. 22- 22.Working with Watchers
  23. 23- 23.v-bind and v-on Shorthands
  24. 24- 24.Dynamic Styling with Inline Styles
  25. 25- 25.Adding CSS Classes Dynamically
  26. 26- 26.Classes & Computed Properties
  27. 27- 27.Dynamic Classes Array Syntax
  28. 28- 28.Understanding the Problem
  29. 29- 29.Rendering Content Conditionally
  30. 30- 30.v-if, v-else and v-else-if
  31. 31- 31.Using v-show Instead Of v-if
  32. 32- 32.Rendering Lists of Data
  33. 33- 33.Diving Deeper Into v-for
  34. 34- 34.Removing List Items
  35. 35- 35.Lists & Keys
  36. 36- 36.Intro to simple project
  37. 37- 37.Project Setup & first Methods
  38. 38- 38.Updating the Health Bars
  39. 39- 40.Adding a "heal" Function
  40. 40- 39.Adding a "Special Attack"
  41. 41- 41.Adding a "Game Over" Screen
  42. 42- 42.Finishing the Core Functionality
  43. 43- 43.Adding a Battle Log
  44. 44- 45.An Introduction to Vue's Reactivity
  45. 45- 46.Vue Reactivity A Deep Dive
  46. 46- 47.One App vs Multiple Apps
  47. 47- 48.Understanding Templates
  48. 48- 49.Working with Refs
  49. 49- 50. How View Updates the DOM
  50. 50- 51. Vue App Lifecycle - Theory
  51. 51- 52. Vue App Lifecycle - Practice
  52. 52- 53.Why We Need Components?
  53. 53- 54.Introducing Components
  54. 54- 55.Vue CLI Intro
  55. 55- 56 Why We Want Better Developer Experience?
  56. 56- 57.Installing & Using the Vue CLI
  57. 57- 59. Inspecting the Vue Code & ".vue" Files
  58. 58- 60. More on ".vue" Files
  59. 59- 61. A New Vue Project
  60. 60- 58.Inspecting the Created Project
  61. 61- 62.Creating a Basic Vue App
  62. 62- 64. adding styling
  63. 63- 63. Adding a Component
  64. 64- 65. Intro to component communication
  65. 65- 66. Introducing props parent to child
  66. 66- 67. Prop Behavior & Changing Props
  67. 67- 68. Validating Props
  68. 68- 69. Working with Dynamic Prop Values
  69. 69- 70. Emitting Custom Events (Child to Parent Communication)
  70. 70- 71. Defining & Validating Custom Events
  71. 71- 72. Demo Adding Components & Connecting Them
  72. 72- 73.Demo: Adding More Component Communication
  73. 73- 74. A Potential Problem (When Create Components)
  74. 74- 75. Provide + Inject To The Rescue
  75. 75- 76. Provide + Inject for Functions / Methods
  76. 76- 77. Provide + Inject vs Props & Custom Events
  77. 77- 78. Diving Deeper Into Components
  78. 78- 79. Global vs Local Components
  79. 79- 80. Scoped Style