Vue 3 for Beginners - Building a tick tac toe game with the Composition API
Learn Vue 3 composition API as a beginner. If you don't know about Vue 3's composition API, today we will be making a tic-tac-toe game to learn the basics. The Composition API in Vue 3 adds a new way to build highly reusable logic and make maintain large codebases a lot easier.
This game will be a single page application that will contain both the game and a history of any previously played games. For UI we will be using bootstrap 5 which adds a bunch of nice CSS classes that we can use with our Vue components.
#vue #compositionapi
✨ SOCIAL ✨
Discord - / discord
Twitter - / jsbroks
⚡ RESOURCES ⚡
Source Code - https://github.com/codingwithjustin/v...
Vue 3 - https://v3.vuejs.org/
React Tutorial - https://reactjs.org/tutorial/tutorial...
Vue Composition API - https://composition-api.vuejs.org/
Vue Lifecycle Hooks - https://v3.vuejs.org/guide/compositio...
⭐ TIMESTAMPS ⭐
0:00 - Intro
0:41 - Creating project
2:02 - Composition API vs Options API
3:38 - Setup functions
4:11 - Ref
5:00 - Reactive
5:51 - Game State
6:24 - Computed function
7:45 - Directives
9:44 - Watch function
10:48 - Lifecycle hooks
11:13 - Conclusion