Vue3 Course
-
[Vue.js 3.0] API – Application Config
# Application Config Every Vue application exposes a config object that contains the configuration settings for that application: const app = Vue.…… -
[Vue.js 3.0] Migration – Introduction
# Introduction INFO New to Vue.js? Check out our Essentials Guide to get started. This guide is primarily for users with prior Vue 2 experience w…… -
[Vue.js 3.0] Migration – v-for Array Refs
# v-for Array Refs breaking In Vue 2, using the ref attribute inside v-for will populate the corresponding $refs property with an array of refs…… -
[Vue.js 3.0] Migration – Async Components
# Async Components new # Overview Here is a high level overview of what has changed: New defineAsyncComponent helper method that explicitly d…… -
[Vue.js 3.0] Migration – Attribute Coercion Behavior
# Attribute Coercion Behavior breaking Info This is a low-level internal API change and does not affect most developers. # Overview Here is …… -
[Vue.js 3.0] Migration – $attrs includes class & style
# $attrs includes class & style breaking # Overview $attrs now contains all attributes passed to a component, including class and style. …… -
[Vue.js 3.0] Migration – $children
# $children removed # Overview The $children instance property has been removed from Vue 3.0 and is no longer supported. # 2.x Syntax In 2.x,…… -
[Vue.js 3.0] Migration – Custom Directives
# Custom Directives breaking # Overview The hook functions for directives have been renamed to better align with the component lifecycle. # 2…… -
[Vue.js 3.0] Migration – Watch on Arrays
# Watch on Arrays breaking # Overview BREAKING: When watching an array, the callback will only trigger when the array is replaced. If you ne…… -
[Vue.js 3.0] Migration – v-bind Merge Behavior
# v-bind Merge Behavior breaking # Overview BREAKING: Order of bindings for v-bind will affect the rendering result. # Introduction When d…… -
[Vue.js 3.0] Migration – v-if vs. v-for Precedence
# v-if vs. v-for Precedence breaking # Overview BREAKING: If used on the same element, v-if will have higher precedence than v-for # Intr…… -
[Vue.js 3.0] Migration – v-model
# v-model breaking # Overview In terms of what has changed, at a high level: BREAKING: When used on custom components, v-model prop and even…… -
[Vue.js 3.0] Migration – v-on.native modifier removed
# v-on.native modifier removed breaking # Overview The .native modifier for v-on has been removed. # 2.x Syntax Event listeners passed to a c…… -
[Vue.js 3.0] Migration – Transition Group Root Element
# Transition Group Root Element breaking # Overview <transition-group> no longer renders a root element by default, but can still create…… -
[Vue.js 3.0] Migration – Transition Class Change
# Transition Class Change breaking # Overview The v-enter transition class has been renamed to v-enter-from and the v-leave transition class h…… -
[Vue.js 3.0] Migration – Slots Unification
# Slots Unification breaking # Overview This change unifies normal and scoped slots in 3.x. Here is a quick summary of what has changed: thi…… -
[Vue.js 3.0] Migration – Render Function API
# Render Function API breaking # Overview This change will not affect <template> users. Here is a quick summary of what has changed: h…… -
[Vue.js 3.0] Migration – Props Default Function this Access
# Props Default Function this Access breaking Props default value factory functions no longer have access to this. Instead: Raw props receive…… -
[Vue.js 3.0] Migration – $listeners removed
# $listeners removed breaking # Overview The $listeners object has been removed in Vue 3. Event listeners are now part of $attrs: { text: 'th…… -
[Vue.js 3.0] Migration – KeyCode Modifiers
# KeyCode Modifiers breaking # Overview Here is a quick summary of what has changed: BREAKING: Using numbers, i.e. keyCodes, as v-on modifie…… -
[Vue.js 3.0] Migration – key attribute
# key attribute breaking # Overview NEW: keys are no longer necessary on v-if/v-else/v-else-if branches, since Vue now automatically generat…… -
[Vue.js 3.0] Migration – Inline Template Attribute
# Inline Template Attribute breaking # Overview Support for the inline-template feature(opens new window) has been removed. # 2.x Syntax In 2…… -
[Vue.js 3.0] Migration – Global API Treeshaking
# Global API Treeshaking breaking # 2.x Syntax If you’ve ever had to manually manipulate DOM in Vue, you might have come across this pattern: …… -
[Vue.js 3.0] Migration – Global API
# Global API breaking Vue 2.x has a number of global APIs and configurations that globally mutate Vue’s behavior. For instance, to register a g…… -
[Vue.js 3.0] Migration – Functional Components
# Functional Components breaking # Overview In terms of what has changed, at a high level: Performance gains from 2.x for functional componen……