Simple TodoMVC with Vue.js and Vuex data store.
Based on this Vuex tutorial and the basic official TodoMVC vue.js example
Read my step by step tutorial explaining the code and this thorough blogpost how this application is tested using Cypress.
Software organization UseClone this repository then
npm install
npm start
Open localhost:3000
in the browser.
All tests are implemented using Cypress.io
cy-spok exampleSee the spec new-item-spec.js that shows how to use cy-spok plugin to confirm the request object. Watch the introduction to cy-spok plugin video here.
DevelopmentThe app
global variable exposes the Vue instance.
To see "plain" values from the store (without all Observer
additions)
app.$store.getters.todos .map(JSON.stringify) // strips utility fields .map(JSON.parse) // back to plain objects .forEach(t => console.log(t)) // prints each object
Or print them as a table
console.table(app.$store.getters.todos.map(JSON.stringify).map(JSON.parse))Small print
Author: Gleb Bahmutov <gleb.bahmutov@gmail.com> © 2021
License: MIT - do anything with the code, but don't blame me if it does not work.
Support: if you find any problems with this module, email / tweet / open issue on Github
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4