Vue 3 Playground
Vue 3 Playground stands as a learning project for those who want to get familiar with the new features of Vue 3. The official documentation is now available!
The project aims to include all the new features. If you find something missing please create an issue/PR.
The application is a shopping cart where you can alter the name, price and quantity of the products and recalculates the total price based on the items and used coupon.
The playground is available also in online version.
If you want to switch to the Typescript folder uncomment the link to the Typescript main file in index.html
and comment out the Javascript main file.
New APIs covered
The Typescript equivalents can be found in the src-typescript folder (file names are the same).
- createApp - API docs
- mount - API docs
- use - API docs
- ref - API docs
- reactive - API docs
- computed - API docs
- toRefs - Composition API docs
- watchEffect - API docs
- watch - API docs
- onMount - API docs
- onUnmount - API docs
- onUpdate - API docs
- onErrorCaptured - API docs
- useStore - Vuex 4 docs
- useRoute - Vue 3 router docs
- emit
- provide - API docs
- inject - API docs
- createStore - Vuex 4 docs
- createRouter - Vue 3 router docs
- defineComponent - API docs
- defineAsyncComponent - API docs
- h - API docs
- JSX
- Suspense
- Async Component
- Teleport - API docs
- Fragments
- Multiple v-models - RFC docs
- Scoped slot - RFC docs
- Custom directive
-
Date:
Buy our ebook: Angular 17 from Scratch - Build an ecommerce app step by step!
Subscribe to our Angular Newsletter and Get 4 Angular eBooks for Free
- Ebook 1: Angular standalone components
- Ebook 2: Learn Angular In 15 Easy Steps
- Ebook 3: Practical Angular: Build 5 Apps From Scratch!
- Ebook 4: Build a Movies App with Angular 18 and Tailwind
