• Stars
    star
    509
  • Rank 86,772 (Top 2 %)
  • Language Vue
  • License
    MIT License
  • Created over 4 years ago
  • Updated almost 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Vue 3 Playground packed with all the new features

Vue 3 Playground

Build Status Dependencies Status

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.

Vue 3 Playground

New APIs covered

The Typescript equivalents can be found in the src-typescript folder (file names are the same).

Further articles/videos

Contributing

If you have any idea how to include more and more new features of Vue 3 in this application feel free to share your ideas in an issue/PR.

More Repositories

1

awesome-vue-3

A curated list of awesome things related to Vue 3
1,324
star
2

angular2-babel-esnext-starter

Angular development and testing examples with Babel in Javascript (ES6/ES7).
JavaScript
488
star
3

angular2-aot-webpack

Angular AOT (Ahead Of Time) offline compilation example with Webpack
JavaScript
313
star
4

babel-webpack-tree-shaking

Tree-shaking example with Babel and Webpack
JavaScript
252
star
5

typescript-webpack-tree-shaking

Tree-shaking example with Typescript and Webpack
JavaScript
145
star
6

angular2-esnext-todomvc

Angular TodoMVC application in Javascript (ES6/ES7).
JavaScript
130
star
7

todomvc-vue-composition-api

TodoMVC built with Vue 3 Composition Api and Vuex
JavaScript
126
star
8

movie-search-vue

Movie search app with the Vue 3 Composition API
Vue
44
star
9

angular2-aot-cli-webpack-plugin

Angular AOT (Ahead Of Time) compilation with Webpack plugin
JavaScript
40
star
10

todomvc-svelte

TodoMVC built with Svelte and Store
JavaScript
38
star
11

todomvc-vue

TodoMVC built with Vue and Vuex
JavaScript
28
star
12

todomvc-react-hooks

TodoMVC built with React Hooks and Redux
JavaScript
24
star
13

ngx-http-test

Angular 2 Http test helper
TypeScript
17
star
14

minesweeper

Minesweeper game built with isomorphic Javascript
JavaScript
14
star
15

todomvc-react

TodoMVC built with React and Redux
JavaScript
6
star
16

node-docker-workflow

Docker workflow for local development and deployment
Makefile
5
star
17

game-of-life

Vue 3 implementation of Conway's Game of Life, with a twist
Vue
4
star
18

todomvc-angular

TodoMVC built with Angular and NgRx
TypeScript
3
star
19

webpack-showcase

Basic setup for Webpack 4 and Babel 7 covering development, testing and deployment.
JavaScript
3
star
20

url-shortener

TypeScript
1
star
21

framework-diff

Comparing the same application written in (Vue, Angular, React, Svelte)
Vue
1
star