Vue 3 new feature: Fragments (AKA Multiple Root Nodes)

preview_player
Показать описание
In this tutorial you are going to learn all about a new feature in Vue 3 called Fragments. You will learn about the problem as it exists in Vue 2 and how Vue 3 is making this issue go away.

RESOURCES & LINKS MENTIONED IN THIS VIDEO:

CONNECT WITH ME:

  1. Dan Vega
  2. vue
  3. vue 3
  4. vue 3 tutorial
  5. vuejs 3
  6. vue fragments
Рекомендации по теме
Vue 3 new 0:09:24

Vue 3 new feature: Fragments (AKA Multiple Root Nodes)

All New Major 0:09:00

All New Major Features In Vue 3

2 Suprising Vue 0:09:47

2 Suprising Vue 3 Experimental Features That Work - Vue.js 3.0 Composition API Sugar CSS Variables

Vue 3 Crash 0:02:17

Vue 3 Crash Course: Lesson 1 ~ Setup & Multiple Root Nodes (Aka Fragments)

Teleport Your Components 0:03:32

Teleport Your Components With Vue 3

Vue 3 Beta 0:06:46

Vue 3 Beta - Installation and New Features

Vue 3 - 0:30:47

Vue 3 - What's New? What Changed?

Vue 3: Smaller, 1:01:32

Vue 3: Smaller, Faster & Stronger. A look at the new features coming in the next version of Vue....

🌌 The Horror 0:52:22

🌌 The Horror at Red Hook 🕵️‍♂️ by H. P. Lovecraft

Working with Attributes 0:03:09

Working with Attributes in Vue

New features of 0:24:02

New features of Vue 3.0

Vue Composition API: 0:09:30

Vue Composition API: the controversial new API for Vue.js 3

Vue3 - Fragments 0:09:26

Vue3 - Fragments

JamSnack - What's 0:02:54

JamSnack - What's New in Vue.js

Vue 3 devtools 0:08:15

Vue 3 devtools | What's new?

Vue is getting 0:05:21

Vue is getting EVEN FASTER?

Why the Vue 0:07:33

Why the Vue 3 Composition API?

Eduardo San Martin 0:34:51

Eduardo San Martin Morote - Exciting New Features for Routing in Vue3; Vue Router 4 at Vuejs Global

VUECONF TORONTO 2018 0:08:27

VUECONF TORONTO 2018 | Easy 3D Graphics with Vue with Brian Jesse

Vue 3 Portals 0:12:37

Vue 3 Portals Tutorial - First Look!

Vue 3 & 0:44:41

Vue 3 & A First Look at the Composition API

Vue JS 3 0:09:39

Vue JS 3 Tutorial - 43 - Teleport Component

How to use 0:18:20

How to use Vuex in your Vue 3 Applications: Use Vuex in the Composition API

TL;DR - What 0:04:29

TL;DR - What I'm Excited for in Vue 3

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

What are your favorite new features in Vue 3?

DanVega
Автор

Good stuff! I love that in addition to the new features that are getting all the press, Vue 3 is fixing a lot of the little annoyances and gotchas from Vue 2.

jeffrey_codes
Автор

Game changer! CSS styling will be a bit easier to deal with and HTML cleaner and much semantic.

blokche_dev
Автор

What vs code theme are you using? Thanks for the great stuff btw!!

dzsi
Автор

Sorry mate I think I missed something here, for me you just disabled a linter error and barely talked about fragments.
So what are the benefits of not having an html tag wrapper other than it's annoying? I mean technically what is the benefit of having multiple nodes per comp?
Tbh, I like to have that wrapper, if you use BEM for your styling you can be sure that all your Elements and Modifiers will naturally be scoped if you set their Block.

timojedai