GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → vuesomedev → todomvc-vue-composition-api

vuesomedev / todomvc-vue-composition-api

Licence: MIT License
TodoMVC built with Vue 3 Composition Api and Vuex

Programming Languages

javascript
184084 projects - #8 most used programming language
Vue
7211 projects
HTML
75241 projects
Dockerfile
14818 projects

Labels

testingvuevuextodomvcvue3vue-composition-api

Projects that are alternatives of or similar to todomvc-vue-composition-api

janak
Your next vue.js package!
Stars: ✭ 26 (-75.24%)
Mutual labels:  vue3, vue-composition-api
vui-vc-next
Vue 3 with Vite Playground - Mobile web UI components - (vue3+vite2).
Stars: ✭ 15 (-85.71%)
Mutual labels:  vue3, vue-composition-api
vue3-demo
💡 vue3新特性示例: 响应式API、组合式API、TodoMVC
Stars: ✭ 114 (+8.57%)
Mutual labels:  todomvc, vue3
Vue3 News
🔥 Find the latest breaking Vue3、Vue CLI 3+ & Vite News. (2021)
Stars: ✭ 2,416 (+2200.95%)
Mutual labels:  vue3, vue-composition-api
v-intl
Add i18n to your awesome Vue 3 app 🔉
Stars: ✭ 13 (-87.62%)
Mutual labels:  vue3, vue-composition-api
vue-virtualised
Blazing fast scrolling and updating for any amount of list and hierarchical data.
Stars: ✭ 18 (-82.86%)
Mutual labels:  vue3, vue-composition-api
Vueuse
Collection of essential Vue Composition Utilities for Vue 2 and 3
Stars: ✭ 7,290 (+6842.86%)
Mutual labels:  vue3, vue-composition-api
vue-composition-api-ts-todo
ToDo List with Vue 3 Composition API and TypeScript
Stars: ✭ 69 (-34.29%)
Mutual labels:  vue3, vue-composition-api
vue-unstated
A tiny state management library for Vue Composition API.
Stars: ✭ 30 (-71.43%)
Mutual labels:  vue3, vue-composition-api
vue3-video-play
适用于 Vue3 的 hls.js 播放器组件，配置丰富，界面还算好看
Stars: ✭ 108 (+2.86%)
Mutual labels:  vue3
vue3-spring
A spring-physics based animation library, and more
Stars: ✭ 30 (-71.43%)
Mutual labels:  vue3
online-course-script
ocs 网课刷课脚本，帮助大学生解决网课难题，目前支持的平台：超星，智慧树
Stars: ✭ 352 (+235.24%)
Mutual labels:  vue3
vitepress-for-component
📖 针对组件开发的VitePress。
Stars: ✭ 142 (+35.24%)
Mutual labels:  vue3
vue3-video-player
vue3 version of vue-core-video-player
Stars: ✭ 45 (-57.14%)
Mutual labels:  vue3
vue4noobs
📗 Tutorial Vue 2~3 in Brazilian Portuguese
Stars: ✭ 230 (+119.05%)
Mutual labels:  vue3
vue3.0-template-admin
本项目基于vue3+ElementPlus+Typescript+Vite搭建一套通用的后台管理模板；并基于常见业务场景，抽象出常见功能组件；包括动态菜单，菜单权限、登录、主题切换、国际化、个人中心、表单页、列表页、复制文本、二维码分享等等
Stars: ✭ 500 (+376.19%)
Mutual labels:  vue3
vue-data-visualization
基于Vue3.0的“数据可视化大屏”设计与编辑器
Stars: ✭ 84 (-20%)
Mutual labels:  vue3
vuepress-theme-gungnir
A blog theme for VuePress 2.
Stars: ✭ 160 (+52.38%)
Mutual labels:  vue3
vue-3-stackter
A Vue3 starter project setup with Vite, Vue-meta, Router, Vuex, Eslint, Prettier, Tailwind CSS, and some custom preferences. Also, there is a TypeScript branch of this same setup.
Stars: ✭ 93 (-11.43%)
Mutual labels:  vue3
vue3-realworld-example-app
Explore the charm of Vue composition API! Vite?
Stars: ✭ 364 (+246.67%)
Mutual labels:  vue3
View All Similar Projects ➔

TodoMVC built with Vue 3 Composition Api and Vuex

Build Status Dependencies Status

The well-known TodoMVC built with Vue 3 Composition Api and Vuex in a structured and testable way.

TodoMVC Vue

Edit and try it out online

Concepts and tools covered

Usage

After installing the dependencies the following NPM scripts become available:

  • start: starts the application in development mode on http://localhost:9000
  • build: bundles the application for production into the dist folder
  • test: runs unit and E2E tests
  • test:unit: runs unit tests with Mocha and Chai in the src folder suffixed with *.spec.js
  • test:e2e: runs E2E tests with Cypress in the tests/e2e folder suffixed with *.spec.js
  • format: formats the code with Prettier within the src folder
  • lint: lint files with ESLint based on Airbnb's styleguide and the Prettier config

Component architecture

Architecture

Application is compatible with Vue devtools

Series

This implementation is part of a series where the same application was implemented with the same architecture.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].