Signature Pad in Vue 3
This article will demonstrate how to create a signature pad component in Vue 3 in a few simple steps. Step 1. Install dependencies Step 2. Create a component Step 3. …
Migration to Vue 3, Part 7. – Other Minor Changes
Hook functions for directives have been renamed to better align with the component lifecycle. Vue 2 Vue 3 data component option declaration no longer accepts a plain JavaScript object and …
Migration to Vue 3, Part 6. – Removed APIs
Using numbers, i.e. keyCodes, as v-on modifiers (and defining custom aliases via config.keyCodes) is no longer supported. Vue 2 Vue 3 $on, $off and $once instance methods are removed. Component …
Migration to Vue 3, Part 5. – Custom Elements
The checks to determine whether tags should be treated as custom elements are now performed during template compilation, and should be configured via compiler options instead of runtime config. Vue …
Migration to Vue 3, Part 4. – Render Function
h is now globally imported instead of passed to render function as an argument. Vue 2 Vue 3 VNodes now have a flat props structure. Vue 2 Vue 3 String …
Migration to Vue 3, Part 3. – Components
functional attribute on single-file component <template> is removed. Vue 2 Vue 3 functional option in components created by functions is removed. Vue 2 Vue 3 New defunctional option in components …
Migration to Vue 3, Part 2. – Template Directives
On custom components v-model prop and event default names are changed. Vue 2 Vue 3 Vue 2 Vue 3 v-bind.sync and component model option are removed and replaced with an …
Migration to Vue 3, Part 1. – Global API
Global Vue API is changed to use an application instance. Vue 2 Vue 3 Vue.extend is removed Vue 2 Vue 3 Vue.prototype is replaced by config.globalProperties. Vue 2 Vue 3 …
What’s new in Vue 3
Vue 3 was officially released on September 18, 2020. It brings several improvements and changes compared to Vue 2. Here are some of the main differences: Composition API Vue 3 …