Vuex Examples: Example apps using Vuex state management pattern

Recommend this page to a friend!
  Info   Documentation   Demos   View files Files   Download Download   Reputation   Support forum   Blog    
Ratings Unique User Downloads Download Rankings
Not yet rated by the usersTotal: 35 All time: 521 This week: 17Up
Version License JavaScript version Categories
vuex-examples 1.0MIT/X Consortium ...5Libraries
Description 

Author

This package provides example apps using Vuex state management pattern for Vue.js applications.

It provides several example applications that use Vuex to demonstrate how to apply it in practice using a main application object that defines routes to handle requests to the applications.

Picture of Sergey Beskorovayniy
  Performance   Level  
Name: Sergey Beskorovayniy <contact>
Classes: 3 packages by
Country: Ukraine Ukraine
Age: 66
All time rank: 1554 in Ukraine Ukraine
Week rank: 6 Up1 in Ukraine Ukraine Up
Innovation award
Innovation award
Nominee: 1x

Documentation

 

Details

Vuex-Examples

This package represents the work of Vuex (state management pattern) for Vue.js applications.

This package can Build reactive Web user interfaces. It can process HTML templates to generate Web application views that be composed by different parts.

Demo...

Installing

Prerequisites

Deploying

  1. Clone or download vue-business-light project with git.
  2. Configure the web server so that the entry point was `index.html`.
  3. Access your project url with web browser (eg. http://localhost/vue-business-light/index.html).

Overview Vuex

What is a "State Management Pattern"?

Vuex is a state management pattern + library for Vue.js applications. It serves as a centralized store for all the components in an application, with rules ensuring that the state can only be mutated in a predictable fashion. It also integrates with Vue's official devtools extension to provide advanced features such as zero-config time-travel debugging and state snapshot export / import.

vuex


  vuex-examplesExternal page  

Open in a separate window

  Files folder image Files (105)  
File Role Description
Files folder imageapp (4 directories)
Accessible without login Plain text file index.html Appl. Application script
Accessible without login Plain text file LICENSE.md Lic. License text
Accessible without login Plain text file main.js Example Example script
Accessible without login Plain text file README.md Doc. Documentation

  Files folder image Files (105)  /  app  
File Role Description
Files folder imagecomponents (9 directories)
Files folder imagecss (2 files)
Files folder imageimg (11 files)
Files folder imagejs (3 files, 3 directories)

  Files folder image Files (105)  /  app  /  components  
File Role Description
Files folder imageapp-contact (2 files)
Files folder imageapp-examples (2 files)
Files folder imageapp-home (2 files)
Files folder imageapp (1 file, 5 directories)
Files folder imagetest-chat (4 directories)
Files folder imagetest-counter-hot (2 files, 1 directory)
Files folder imagetest-counter (3 files)
Files folder imagetest-shopping-cart (4 directories)
Files folder imagetest-todomvc (2 directories)

  Files folder image Files (105)  /  app  /  components  /  app-contact  
File Role Description
  Accessible without login Plain text file contact.html Data Template
  Accessible without login Plain text file contact.js Aux. Auxiliary script

  Files folder image Files (105)  /  app  /  components  /  app-examples  
File Role Description
  Accessible without login HTML file examples.html Doc. Documentation
  Accessible without login Plain text file examples.js Aux. Auxiliary script

  Files folder image Files (105)  /  app  /  components  /  app-home  
File Role Description
  Accessible without login HTML file home.html Doc. Documentation
  Accessible without login Plain text file home.js Aux. Auxiliary script

  Files folder image Files (105)  /  app  /  components  /  app  
File Role Description
Files folder imagecontent_footer (2 files)
Files folder imagecontent_header (2 files)
Files folder imagecontent_site (6 files)
Files folder imagefooter (2 files)
Files folder imageheader (6 files)
  Accessible without login Plain text file app.js Aux. Auxiliary script

  Files folder image Files (105)  /  app  /  components  /  app  /  content_header  
File Role Description
  Accessible without login HTML file content_header.html Doc. Documentation
  Accessible without login Plain text file content_header.js Aux. Auxiliary script

  Files folder image Files (105)  /  app  /  components  /  app  /  content_site  
File Role Description
  Accessible without login HTML file content.html Doc. Documentation
  Accessible without login Plain text file content.js Aux. Auxiliary script
  Accessible without login HTML file content_site.html Doc. Documentation
  Accessible without login Plain text file content_site.js Aux. Auxiliary script
  Accessible without login HTML file sidebar.html Doc. Documentation
  Accessible without login Plain text file sidebar.js Aux. Auxiliary script

  Files folder image Files (105)  /  app  /  components  /  app  /  footer  
File Role Description
  Accessible without login HTML file footer.html Doc. Documentation
  Accessible without login Plain text file footer.js Aux. Auxiliary script

  Files folder image Files (105)  /  app  /  components  /  app  /  header  
File Role Description
  Accessible without login HTML file header.html Doc. Documentation
  Accessible without login Plain text file header.js Aux. Auxiliary script
  Accessible without login HTML file logo.html Doc. Documentation
  Accessible without login Plain text file logo.js Aux. Auxiliary script
  Accessible without login HTML file menubar.html Doc. Documentation
  Accessible without login Plain text file menubar.js Aux. Auxiliary script

  Files folder image Files (105)  /  app  /  components  /  test-chat  
File Role Description
Files folder imageapi (2 files)
Files folder imagecomponents (5 directories)
Files folder imagecss (1 file)
Files folder imagestore (5 files)

  Files folder image Files (105)  /  app  /  components  /  test-chat  /  api  
File Role Description
  Accessible without login Plain text file index.js Aux. Auxiliary script
  Accessible without login Plain text file mock-data.js Aux. Auxiliary script

  Files folder image Files (105)  /  app  /  components  /  test-chat  /  components  
File Role Description
Files folder imageapp (2 files)
Files folder imagemessage (2 files)
Files folder imagemessage_section (2 files)
Files folder imagethread (2 files)
Files folder imagethread_section (2 files)

  Files folder image Files (105)  /  app  /  components  /  test-chat  /  components  /  app  
File Role Description
  Accessible without login Plain text file app.html Data Template
  Accessible without login Plain text file app.js Example Example script

  Files folder image Files (105)  /  app  /  components  /  test-chat  /  components  /  message  
File Role Description
  Accessible without login Plain text file message.html Data Template
  Accessible without login Plain text file message.js Aux. Auxiliary script

  Files folder image Files (105)  /  app  /  components  /  test-chat  /  components  /  message_section  
File Role Description
  Accessible without login Plain text file message_section.html Data Template
  Plain text file message_section.js Class Class source

  Files folder image Files (105)  /  app  /  components  /  test-chat  /  components  /  thread  
File Role Description
  Accessible without login Plain text file thread.html Data Template
  Accessible without login Plain text file thread.js Aux. Auxiliary script

  Files folder image Files (105)  /  app  /  components  /  test-chat  /  components  /  thread_section  
File Role Description
  Accessible without login Plain text file thread_section.html Data Template
  Plain text file thread_section.js Class Class source

  Files folder image Files (105)  /  app  /  components  /  test-chat  /  css  
File Role Description
  Accessible without login Plain text file chat.css Data Auxiliary data

  Files folder image Files (105)  /  app  /  components  /  test-chat  /  store  
File Role Description
  Accessible without login Plain text file actions.js Aux. Auxiliary script
  Accessible without login Plain text file getters.js Aux. Auxiliary script
  Accessible without login Plain text file index.js Example Example script
  Accessible without login Plain text file mutation-types.js Aux. Auxiliary script
  Accessible without login Plain text file mutations.js Example Example script

  Files folder image Files (105)  /  app  /  components  /  test-counter-hot  
File Role Description
Files folder imagestore (4 files)
  Accessible without login HTML file counter.html Doc. Documentation
  Accessible without login Plain text file counter.js Aux. Auxiliary script

  Files folder image Files (105)  /  app  /  components  /  test-counter-hot  /  store  
File Role Description
  Accessible without login Plain text file actions.js Example Example script
  Accessible without login Plain text file getters.js Aux. Auxiliary script
  Accessible without login Plain text file index.js Example Example script
  Accessible without login Plain text file mutations.js Aux. Auxiliary script

  Files folder image Files (105)  /  app  /  components  /  test-counter  
File Role Description
  Accessible without login HTML file counter.html Doc. Documentation
  Accessible without login Plain text file counter.js Aux. Auxiliary script
  Accessible without login Plain text file store.js Example Example script

  Files folder image Files (105)  /  app  /  components  /  test-shopping-cart  
File Role Description
Files folder imageapi (1 file)
Files folder imagecomponents (3 directories)
Files folder imagefilters (1 file)
Files folder imagestore (4 files, 1 directory)

  Files folder image Files (105)  /  app  /  components  /  test-shopping-cart  /  api  
File Role Description
  Accessible without login Plain text file shop.js Aux. Auxiliary script

  Files folder image Files (105)  /  app  /  components  /  test-shopping-cart  /  components  
File Role Description
Files folder imageapp (2 files)
Files folder imagecart (2 files)
Files folder imageproduct_list (2 files)

  Files folder image Files (105)  /  app  /  components  /  test-shopping-cart  /  components  /  app  
File Role Description
  Accessible without login HTML file app.html Doc. Documentation
  Accessible without login Plain text file app.js Aux. Auxiliary script

  Files folder image Files (105)  /  app  /  components  /  test-shopping-cart  /  components  /  cart  
File Role Description
  Accessible without login HTML file cart.html Doc. Documentation
  Plain text file cart.js Class Class source

  Files folder image Files (105)  /  app  /  components  /  test-shopping-cart  /  components  /  product_list  
File Role Description
  Accessible without login HTML file product_list.html Doc. Documentation
  Plain text file product_list.js Class Class source

  Files folder image Files (105)  /  app  /  components  /  test-shopping-cart  /  filters  
File Role Description
  Accessible without login Plain text file currency.js Aux. Auxiliary script

  Files folder image Files (105)  /  app  /  components  /  test-shopping-cart  /  store  
File Role Description
Files folder imagemodules (2 files)
  Accessible without login Plain text file actions.js Aux. Auxiliary script
  Accessible without login Plain text file getters.js Aux. Auxiliary script
  Accessible without login Plain text file index.js Example Example script
  Accessible without login Plain text file mutation-types.js Aux. Auxiliary script

  Files folder image Files (105)  /  app  /  components  /  test-shopping-cart  /  store  /  modules  
File Role Description
  Accessible without login Plain text file cart.js Aux. Auxiliary script
  Accessible without login Plain text file products.js Aux. Auxiliary script

  Files folder image Files (105)  /  app  /  components  /  test-todomvc  
File Role Description
Files folder imagecomponents (2 directories)
Files folder imagestore (3 files)

  Files folder image Files (105)  /  app  /  components  /  test-todomvc  /  components  
File Role Description
Files folder imageapp (3 files)
Files folder imagetodo (2 files)

  Files folder image Files (105)  /  app  /  components  /  test-todomvc  /  components  /  app  
File Role Description
  Accessible without login HTML file app.html Doc. Documentation
  Plain text file app.js Class Class source
  Accessible without login Plain text file style.css Data Auxiliary data

  Files folder image Files (105)  /  app  /  components  /  test-todomvc  /  components  /  todo  
File Role Description
  Accessible without login HTML file todo.html Doc. Documentation
  Plain text file todo.js Class Class source

  Files folder image Files (105)  /  app  /  components  /  test-todomvc  /  store  
File Role Description
  Accessible without login Plain text file index.js Example Example script
  Accessible without login Plain text file mutations.js Aux. Auxiliary script
  Accessible without login Plain text file plugins.js Aux. Auxiliary script

  Files folder image Files (105)  /  app  /  css  
File Role Description
  Accessible without login Plain text file global.css Data Auxiliary data
  Accessible without login Plain text file style.css Data Auxiliary data

  Files folder image Files (105)  /  app  /  img  
File Role Description
  Accessible without login Image file bullet.png Icon Icon image
  Accessible without login Image file content_footer.png Data Auxiliary data
  Accessible without login Image file content_header.png Data Auxiliary data
  Accessible without login Image file graphic.png Icon Icon image
  Accessible without login Image file link.png Icon Icon image
  Accessible without login Image file logo.png Data Auxiliary data
  Accessible without login Image file search.png Icon Icon image
  Accessible without login Image file tab.png Icon Icon image
  Accessible without login Image file tab_selected.png Icon Icon image
  Accessible without login Image file vue.png Icon Icon image
  Accessible without login Image file vuex.png Data Auxiliary data

  Files folder image Files (105)  /  app  /  js  
File Role Description
Files folder imagees6-promise (3 files)
Files folder imagelodash (2 files)
Files folder imagerequirejs (6 files)
  Plain text file vue-router.js Class Class source
  Plain text file vue.js Class Class source
  Plain text file vuex.js Class Class source

  Files folder image Files (105)  /  app  /  js  /  es6-promise  
File Role Description
  Plain text file es6-promise.js Class Class source
  Plain text file es6-promise.min.js Class Class source
  Accessible without login Plain text file README.md Doc. Documentation

  Files folder image Files (105)  /  app  /  js  /  lodash  
File Role Description
  Plain text file lodash.js Class Class source
  Plain text file lodash.min.js Class Class source

  Files folder image Files (105)  /  app  /  js  /  requirejs  
File Role Description
  Plain text file css.js Class Class source
  Plain text file css.min.js Class Class source
  Accessible without login Plain text file domReady.js Example Example script
  Accessible without login Plain text file i18n.js Example Example script
  Plain text file require.js Class Class source
  Accessible without login Plain text file text.js Example Example script

 Version Control Unique User Downloads Download Rankings  
 100%
Total:35
This week:0
All time:521
This week:17Up