History of « Become a ninja with Vue »
The current version of the book uses Vue 3.5.13.
List of releases and changes
- Changes since last release4/13/25
- From zero to something
- 2/7/25Use the new
--bare
option of create-vue v3.14.
- Script setup
- 2/19/25Use props destructuration in more examples
- State Management
- 4/13/25Remove Vuex section
- Advanced component patterns
- 10/1/24useTemplateRef is automatically infered.
- v3.5.19/5/24
- The templating syntax
- 1/11/24Add the shorter
v-bind
syntax introduced in Vue v3.4.
- How to build components
- 9/5/24Add a section about how to pause/resume watchers as introduced in Vue v3.5.
- 9/5/24Add a section about
useTemplateRef
as introduced in Vue v3.5.
- Script setup
- 9/5/24Use props destructuration as it is now stable in Vue v3.5
- Slots
- 7/26/24Add a section about
v-slot
destructuration.
- v3.4.012/29/23
- How to build components
- 12/29/23Add an example of a
validator
using other props, as introduced in Vue v3.4.
- Forms
- 12/29/23Update the
defineModel
section with the new features from Vue v3.4.
- v3.3.05/12/23
- The many ways to define components
- 5/11/23The "sugar ref" syntax has been removed as it is now deprecated as of Vue v3.3.
- Script setup
- 5/11/23Use the shorter
defineEmits
syntax introduced in Vue v3.3. - 5/11/23Add a section about the
defineOptions
macro introduced in Vue v3.3.
- Forms
- 5/12/23Add a section about the
defineModel
macro introduced in Vue v3.3. - 5/12/23Add a section about how to build custom form components.
- Slots
- 5/11/23Add a section about the
defineSlots
macro introduced in Vue v3.3.
- v3.2.451/5/23
- Global
- 9/1/22Reorder the chapters so that the composition API chapter is before the script setup one (as in the Pro Pack exercises).
- Style your components
- 7/7/22Add a section about
v-bind
in CSS
- Router
- 12/1/22Add a section about the route meta field and its usage with guards
- Advanced component patterns
- 9/2/22New chapter about advanced component patterns! First sections are about template and component refs.
- Custom directives
- 1/5/23New chapter about custom directives!
- v3.2.377/6/22
- State Management
- 3/11/22Add some details about Pinia (SSR, plugins, HMR, etc.), and add a section about "Why use a store"
- Internationalization
- 7/6/22New chapter about vue-i18n!
- v3.2.302/10/22
- From zero to something
- 2/10/22The getting started section now uses Vite and create-vue!
- Style your components
- 2/10/22Explain the differences between Vite and the CLI for styles handling
- Testing your app
- 2/10/22Section about Vitest and the differences with Jest
- Lazy-loading
- 2/10/22Add a section about lazy-loading with Vite
- Performances
- 2/10/22Mention Rollup and Vite
- v3.2.2612/17/21
- The templating syntax
- 10/1/21Section about Templates and TypeScript support in Vue 3.2
- Script setup
- 12/1/21Section about
defineProps
destructuration and default value feature, introduced in Vue{nbsp}3.2.20
- Composition API
- 10/1/21Section about the awesome VueUse library
- State Management
- 12/17/21As Pinia is the new official recommandation for state management library in Vue 3 (instead of Vuex), the chapter now goes deeper into the details of how to use Pinia, and how to test it.
- Router
- 10/1/21Section on how to use
vue-router-mock
for tests
- v3.2.199/30/21
- The many ways to define components
- 8/30/21Update to sugar ref RFC take 2
- Script setup
- 9/29/21New chapter about the
script setup
syntax! All examples of the ebook and exercises have been migrated to this new recommended syntax, introduced in Vue 3.2.
- Suspense
- 9/29/21Section about
script setup
andawait
- v3.2.08/10/21
- Global
- 7/29/21Add links to our quizzes!
- The many ways to define components
- 8/10/21New chapter about the various ways to define a component in Vue 3
- Performances
- 8/10/21New chapter! Includes a section about the new
v-memo
directive introduced in Vue 3.2.
- v3.1.06/7/21
- The templating syntax
- 5/5/21Mention the projects that can be used to have template type-checking at compile time. The ebook now uses Volar to check the examples.
- Forms
- 5/5/21VeeValidate v4.3.0 introduced a new
url
validator.
- v3.0.114/2/21
- v3.0.62/26/21
- Style your components
- 1/7/21New chapter about styles!
- Provide/inject
- 2/3/21New chapter about provide/inject!
- State Management
- 2/25/21New chapter about the Store pattern, Flux libraries, Vuex, and Pinia!
- Animations and transition effects
- 1/20/21New chapter about animations and transitions!
- v3.0.412/10/20
- How to build components
- 11/6/20Adds a section on how to choose between
ref
andreactive
.
- Forms
- 12/10/20Adds a section about custom validators with VeeValidate
- 12/9/20Adds a section on VeeValidate configuration (how to validate on input)
- 10/13/20VeeValidate now offers only some of the previous meta-flags.
- 10/7/20It is now possible to rename a field with VeeValidate to have nicer error messages.
- Suspense
- 11/20/20Adds a section on the differences between using
Suspense
oronMounted
- Router
- 12/4/20Adds a section about using the router with Suspense
- v3.0.09/18/20
- Forms
- 8/7/20Update VeeValidate to v4, which supports Vue 3
- Slots
- 8/7/20The chapter now comes earlier in the book, before the Suspense chapter.
- v3.0.0-rc.47/24/20
- Directives
- 7/16/20Clarify that
v-for
can be used within
orof
- Router
- 7/24/20Guards can now return a value instead of having to call
next()
.
- Slots
- 7/24/20New chapter about Slots!
- v3.0.0-beta.197/8/20
- The wonderful world of Web Components
- 6/17/20Use
customElements.define
instead of the deprecateddocument.registerElement
.
- How to build components
- 6/12/20Explain the
emits
option and how it can be used to validate the emitted event.
- Under the hood
- 7/8/20New chapter! Learn how Vue works under the hood (parsing, VDOM, etc.)
- 7/6/20Add a section about building the reactivity functions from scratch
- 7/6/20Add a section about reactivity with getter/setter and proxies
- v3.0.0-beta.105/11/20
- Global
- 5/11/20First public release of the ebook!