ویو جی اس

امکانات جدید Vue 3

What's New in Vue 3

Vue 3 is nearly upon us! If you'd like to get a head start, join me as we review everything you need to know. We'll discuss the new composition API, portals, Vite, and so much more!

سطح متوسط 13 جلسه آموزشی 00:47:00 ساعت
01
قسمت 1

Meet Vite

Vite is an alternative to the Vue CLI and uses Vue 3 by default. It's noticeably faster because it does NOT use webpack to bundle your code

02
قسمت 2

Fragments or Multiple Root Nodes

Vue 3 no longer requires a single root node for components. Let's review a few examples, while also discussing how to satisfy the linting rules in VSCode.

03
قسمت 3

The Composition API

The Composition API is the biggest change in Vue 3. It’s completely optional but worth understanding in case you come across code that uses it

04
قسمت 4

Composition API: Refs

In this episode, we'll take a look at making use of refs instead of reactive for our reactive state, while briefly discussing the pros and cons of each

05
قسمت 5

Composition API: Logic Extraction and Reuse

Let's have a look at how to extract repeated code into reusable composition functions. This feature is meant to be a cleaner and preferred alternative to using mixins.

06
قسمت 6

Teleport

Teleport was ported from the popular Portal Vue library in Vue 2. It allows you to render pieces of code in other parts of the DOM.

07
قسمت 7

Multiple V-Models

Let’s take a look at the ability to add multiple v-models on a custom component. This allows you to keep state synchronized between a parent and a child component.

08
قسمت 8

Multiple V-Models

Let’s take a look at the ability to add multiple v-models on a custom component. This allows you to keep state synchronized between a parent and a child component.

09
قسمت 9

Global API Changes

Let's discuss the Global API changes in Vue 3, and the ability to use instance methods as opposed to global methods in Vue 2. Further, we'll take a look at Global Tree Shaking.

10
قسمت 10

Upgrading to Vue 3

Let's discuss some of the breaking changes in Vue 3 and go over the alternatives. We'll take a look at Initializing Vue, Event API changes, filters, inline templates, and v-model.

11
قسمت 11

Suspense

Suspense allows us to render fallback content before your component is ready to be rendered. It’s a cleaner way to handle loading states using a Suspense component

12
قسمت 12

<script setup> and <style vars>

Let's take a look at script setup, which helps reduce the boilerplate in the setup method for the composition

13
قسمت 13

Using TypeScript in Vue 3

Under the hood, Vue's internal codebase was re-written in TypeScript. If you would like to use TypeScript with Vue 3, it has never been easier.

دوره در حال اجرا

این دوره هنوز به پایان نرسیده است و در آینده درس های دیگری به آن افزوده خواهد شد.