Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Vuex Quick Start Guide
  • Toc
  • feedback
Vuex Quick Start Guide

Vuex Quick Start Guide

By : Koutifaris
3 (2)
close
Vuex Quick Start Guide

Vuex Quick Start Guide

3 (2)
By: Koutifaris

Overview of this book

State management preserves the state of controls in a user interface. Vuex is a state management tool for Vue.js that makes the architecture easier to understand, maintain and evolve. This book is the easiest way to get started with Vuex to improve your Vue.js application architecture and overall user experience. Our book begins by explaining the problem that Vuex solves, and how it helps your applications. You will learn about the Vuex core concepts, including the Vuex store, changing application state, carrying out asynchronous operations and persisting state changes, all with an eye to scalability. You will learn how to test Vuex elements and Vue components with the Karma and Jasmine testing frameworks. You will see this in the context of a testing first approach, following the fundamentals of Test Driven Development. TDD will help you to identify which components need testing and how to test them. You will build a full Vuex application by creating the application components and services, and persist the state. Vuex comes with a plugin system that allows programmers to extend Vuex features. You will learn about some of the most powerful plugins, and make use of the built-in logger plugin. You write a custom Google Analytics plugin to send actions to its analytics API, and an Undo/Redo plugin.
Table of Contents (8 chapters)
close

Setting up the development environment

Vue provides a tool, vue-cli, for scaffolding Vue.js projects. It also supports webpack, the web packaging tool we are going to use. To install vue-cli, you just need to type npm install -g vue-cli in a console.

Although using vue-cli is the fastest way to start a new project, in the following paragraphs, I will explain how to set up a Vue project from scratch.

We will set up a Vue/Vuex project using the npm (node package manager), explaining every step and installing only a minimum set of dependencies, as opposed to vue-cli, which will install a lot of npm packages in order to provide a general-purpose project configuration.

By using the GitHub repository of this book and checking out the first commits, you can observe what I did to set up the EveryNote app development environment.

...
bookmark search playlist download font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete