vue-3-playground

Vue 3 Playground

Resources

• GitHub - vue-next - Repository of Vue 3
• Roadmap
• Mid 2020 status
• RFCs - Request for comments, usful to find breaking changes
• GitHub - vue-router-next - Repository for Vue router for Vue 3
• Template explorer
• https://github.com/vuejs/composition-api - for Composition API only

Set up Vue 3

Create project

With the normal Vue CLI

vue create playground
cd playground

To upgrade to Vue 3, it's build in the CLI but it's using the vue-cli-plugin-vue-next.

vue add vue-next

Some changes are needed in main.js

Vite

Another easy way to try out Vue 3 is using Vite⚡

npm init vite-app hello-vue3

Vue router

npm i --save [email protected]

Some changes are required on the router. See more examples other than this repo here.

Articles

• Vue 3 is Coming!
• Vue Composition API
• Vue 3: Start Using it Today
• Exciting new features in Vue 3
• Portal – a new feature in Vue 3
• Reactivity: Vue 2 vs Vue 3

Videos

• State of the Vuenion
• Evan You - State of the Vuenion 2020 -Vue.js Amsterdam 2020
• Design Principles of Vue 3.0 by Evan You
• dotJS 2019 - Evan You - State of Components
• Evan You - What's Coming in Vue 3 0
• Gregg Pollack - Introduction into the Composition API - Vue.js Amsterdam
• Thorsten Lünborg - Composition API Best Practices - Vue.js Amsterdam 2020
• Vue 3 & A First Look at the Composition API
• Evan You - State of Vue on Beta release day
• Alex Kyriakidis - What you'll love in Vue 3 - Vue.js Amsterdam 2020

Podcasts

• Evan You - What's Coming in Vue.js 3.0