37. DefineAsyncComponent | Loading Component dynamically in the Vue Composition API - Vue 3

preview_player
Показать описание
In this video we will see about the defineAsyncComponent to load the components dynamically in the Vue Composition API - Vue 3

If you like my video, please subscribe to my channel.

Join in the Telegram Group

My Playlists:
Angular CLI Complete Course Tutorial:
Angular UnitTesting Complete Course:

My Courses Playlist Page:

#vue3 #compositionapi #leelawebdev

Join this channel to get access to perks:
  1. Leela Web Dev
  2. leelawebdev
  3. leela web dev
  4. vue
  5. vue3
  6. vue.js 3
Рекомендации по теме
37. DefineAsyncComponent | 0:10:50

37. DefineAsyncComponent | Loading Component dynamically in the Vue Composition API - Vue 3

#47 - Async, 0:04:46

#47 - Async, Lazy Loading & Suspense - Vue 3 (Composition API) Tutorial

How to use 0:09:31

How to use an async component in Vue 3?

Vue.js Suspense Component: 0:06:37

Vue.js Suspense Component: Learn How to Handle Async Dependencies

VueJS Lazy Loading 0:06:24

VueJS Lazy Loading Component (Dynamic Import)

33. Dynamic Components 0:12:36

33. Dynamic Components and KeepALive Component in Vue 3

Vue.js Forge Tips 0:01:13

Vue.js Forge Tips | Using dynamic components

Loading scripts inside 0:08:34

Loading scripts inside Vue components

Vue Composition API 0:03:04

Vue Composition API From Scratch #5 - Dynamic component

Async Component in 0:32:31

Async Component in Vue Js (Hindi)

【vue3】dynamic component 0:05:29

【vue3】dynamic component

Vue Composition API 0:07:22

Vue Composition API From Scratch #75 - Symbol injection keys

Как использовать Suspense 0:12:35

Как использовать Suspense во Vue

2 Vue Router 0:09:09

2 Vue Router Lazy Loading | Vue Router Tutorial

Vue 3 Composition 0:36:37

Vue 3 Composition API Tutorial #8 - Child Components

50. Keep Alive 0:11:09

50. Keep Alive Component to Cache the component instances in Composition API - Vue 3

#19 - Dynamic 0:05:38

#19 - Dynamic Components - Vue 3 (Options API) Tutorial

Vue is getting 0:05:21

Vue is getting EVEN FASTER?

VUE 3 / 0:26:05

VUE 3 / Composition API. Suspense, Lazy Loading, Async setup

VueJS CLI: Basics 0:09:46

VueJS CLI: Basics | Level 3-20: Dynamic Components

Dynamic Component in 0:08:19

Dynamic Component in Vue.js | Vue 3 | Composition API | :is attribute | component element | Dynamic

101. Create Progress 0:09:51

101. Create Progress bar loading when data loads from Firestore database Vue Composition API - Vue 3

48. Transition Between 0:10:45

48. Transition Between Elements using mode option and dynamic components in composition API - Vue 3

Part 3 | 0:57:53

Part 3 | Vue JS 3 Tutorial | Routing and Conditional Statements in Vue JS

Комментарии
Автор

Hi Leela., thank you for the excellent tutorial.
I wonder if you could help me out with some clues in the right direction. I am working on a project where I am loading the Admin area component dynamically. Only a few authorized users can view the Admin area, it works ok, it is quite a big component with children, makes a lot of sense to load it only when needed. My backend API will only allow admin operations with the proper authorization (done with JWT tokens).
BUT: I wonder if it is possible to allow the Admin component loading only after authorization. How can I prevent any curious unauthorized user to download the Admin component? I guess I would need to change the import function to include the auth headers in the request to the server, and to somehow include Authorization into the server also. (I am using Windows Server IIS, and .NET 7 for the api, I guess I can serve the component itself from the api ro do this, and not from the same folder where the public components are located)

I understand that someone being able to download the Admin component alone can not do anything wrong without knowing the auth tokens, but nevertheless I would not want any unauthorized user to be able to download my dynamic component to explore its functions and peek around its code.

Thank you for any clues.

nickhu