Awesome Vue 3 
A curated list of awesome things related to Vue 3
Official
- Official Documentation
- Vue Composition API
- RFCs for substantial changes / feature additions to Vue core
Related awesome lists
Articles
- Vue 3 – A roundup of infos about the new version of Vue.js
- An Overview of What's Coming in Vue 3
- Exciting new features in Vue 3
- New features in Vue 3 and how to use them
- What Noticeable Features You Should Expect in Vue v3 Release
- What New Features for Developers are Coming to Vue.js 3?
- The Vue 3 upgrade guide
- Build a movie search app using the Vue Composition API
- React Hooks vs. Vue 3 Composition API
- Composition API cheat sheet
- Building the Same Component in Vue2 vs. Vue3
- Suspense – new feature in Vue 3
- State Management with Composition API
- Portal – a new feature in Vue 3
- Faster Web Applications with Vue 3
- Why people got upset with Vue 3
- Vue 3: Data down, Events up
- Vue 3: Start Using it Today
- Reactivity: Vue 2 vs Vue 3
- Top ways to learn Vue 3
- A useModal hook and Proxies
- Vite the Fastest Development Environment Ever
- Vue 3 Async Components and Bundle Splitting
- Introducing Teleport aka Portal
- Webpack for Vue 3
- Best Practices for Testing Vue 3 Components
- Vuejs 3 and TypeScript
- Reactivity in Vue 3
- What Does Vue 3.0 Mean for Web Development?
- How to Use Vue’s watchEffect to Track Reactive Dependencies
- Vue 3's Global Mounting
- Where Did Filters Go in Vue 3?
- Go async in Vue 3 with Suspense
- Faster hot reloading for Vue development with Vite
- Create a i18n Plugin with Composition API in Vue.js 3
- Clean, Scalable Forms with Vue Composition API
- Easily switch to Composition API in Vue.js 3
- Use old instance properties in Composition API in Vue.js 3
- Access template refs in Composition API in Vue.js 3
- The process: Making Vue 3
- Context and Provider Pattern with the Vue 3 Composition API
- Understanding Reactivity in Vue 3.0
- Set up Vue 3 linting in VSCode
- Headless Testing with Vite + Vue-Test-Utils
- Use Composition API to easily handle API requests in Vue.js
- You Might Not Need Vuex with Vue 3
- Writing a vite plugin
- Be prepared to migrate your Vue app to Vue 3
- What’s New in Vue 3
- What the Heck is Vite?
- Cool Features of Vue Router 4
Packages
- vue-next - Repo for Vue 3.0
- vue-cli-plugin-vue-next - A Vue CLI plugin for trying out vue-next (experimental)
- vue-router-next - The Vue 3 official router (WIP)
- vue-test-utils-next - The next iteration of Vue Test Utils, targeting Vue 3
- composition-api - Vue2 plugin for the Composition API.
- vite - Native-ESM powered web dev build tool. It's fast.
- vitepress - Vite & Vue powered static site generator
- vue-use-web - 🕸 Web APIs implemented as Vue.js composition functions
- vee-validate - VeeValidate (v4) Vue 3 Template driven form validation
- vuelidate-next - Vuelidate (next) - Simple, lightweight model-based validation
- vue-compose-promise - 💝 Promises using vue composition API
- vue-composition-toolkit - 💚 Vue3 Composition-API toolkit
- vue-composable - Vue composition-api composable components
- vueuse - 🧰 Collection of essential Vue Composition API utils works for Vue 2 and 3
- vue-use-kit - 🛠️ Useful collection of Vue composition API functions
- vue-condition-watcher - 🕶 Vue Composition API for automatic fetch data when condition has been changed
- vue-router-compositions - VueRouter Composition-API utils library
- vue-use-switch-map - 👽 The power of the RxJS switchMap operator injected into the Vue composition world
- vue-use-infinite-scroll - ♾️ A Vue composition function that makes infinite scroll a breeze
- vuehooks - 🌟 Collection of utility composition functions for Vue
- vue-cookie-next - 🍪 A vue 3 plugin for handling browser cookies with typescript support.
- vue-draggable-next - 🧱 A Vue 3 drag-and-drop component based on Sortable.js.
- vue-float-menu - Customizable Floating Menu for Vue 3
- vue-toastification - 🍞 Light, easy, and beautiful Toasts for Vue 2 and 3.
Examples
- vue-3-playground - Vue 3 Playground packed with all the new features
- vue3-webpack-boilerplate - Vue 3 Webpack Boilerplate (Vue 3, Vue Router 4, Vuex 4, Typescript)
- vue-composition-toolkit - 🔫 Vue3 Composition-API toolkit
- vite-tailwind-starter - Starter using Vite + Tailwind for super fast prototyping
- todomvc-vue-composition-api - TodoMVC built with Vue 3 Composition Api and Vuex
- composition-api-demos - A Vue.js app demonstarting various use cases for the new composition API
- Vue3Todo - A repository showcasing the new Vue 3.0 Composition API with simple examples
- movie-search-vue - Movie search app with the Vue 3 Composition API
- vue-next-webpack-preview - Minimal webpack setup for Vue 3 (beta)
- vue-3-reactivity - Code from the Vue 3 Reactivity course
- vue-cart with import-maps - Basic Shopping Cart with Vue ES Module and Composition API (without bundler or build step)
Tools
- aria-vue - Headless testing with Vite + Vue + Vue-Testting-Utils
Videos
- Evan You - State of the Vuenion 2020
- Alex Kyriakidis - What you'll love in Vue 3
- Evan You - What's Coming in Vue 3
- Vue 3: What I'm Most Excited About with Chris Fritz
- Live coding: The new Composition API - Jason Yu
- Natalia Tepluhina - You might not need Vuex
- Design Principles of Vue 3.0 by Evan You
- Why the Vue 3 Composition API?
- Vue 3 and Composition API by Alex Kyriakidis
- Thorsten Lünborg - Composition API Best Practices
- Damian Dulisz - Vuelidate version for Vue 3.0
- The State of Vue.js in 2020 - Why You Should Make The Leap - Gwendolyn Faraday
- Full-Stack TypeScript with Vue.js 3, Node.js and PostgreSQL
- Vue 3: The Future of Front End