Advanced Vue: Create a Crypto Price Tracker Using Web Components

🚨 Are you stuck on code, or your career? Get mentored by me! - 1 Week Free Trial - https://mentorcruise.com/mentor/erikh...

Web Components are a great way of sharing information! In this video we'll use Vue.js 3 and web components to create a crypto price tracker. This tutorial will help anyone wanting to learn advanced vue topics, like reactive, ref and web components.

👉Check out my last video on creating a Vue Plugin
   • How To Create A Vue.js 3 Plugin Compo...  

👉 Sign up and get free Vue cheat sheets and updates!
https://www.vuecourse.tech/

Need some mentoring, help with a project, get a career in tech, level up your skills? Check it out
👉https://mentorcruise.com/mentor/erikh...

Need to Learn Vue or Nuxt? Check out my courses below!

http://bit.ly/2LalQka - Learn Nuxt.js Course!
http://bit.ly/3aiYe8s - Quick Starter On Vue 3
https://bit.ly/2OETt0M - Full 6 Module course on vue!

0:00 Introduction
0:57 Creating The coin-tracker component
10:32 Creating the grabPrice function
21:37 Creating the Coin Checker
24:26 Adding Styling for coin tracker
33:29 Creating the Arrow Checker
49:34 v-bind inside style tag
50:34 Converting to A Web Component
51:20 Adding defineCustomElement
01:01:36 First attempt testing Web component
01:03:52 Second attempt testing web component

🗂️ 🗂️ 🗂️

Links
https://github.com/ErikCH/i-viewer-vu...
https://gist.github.com/ErikCH/2ee713...