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 -
Web Components are a great way of sharing information! In this video we’ll use 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
👉 Sign up and get free Vue cheat sheets and updates!
Need some mentoring, help with a project, get a career in tech, level up your skills? Check it out
👉
Need to Learn Vue or Nuxt? Check out my courses below!
- Learn Course!
- Quick Starter On Vue 3
- 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