How does Vue.js handle state management?

Vue.js utilizes a reactive data model, meaning that the UI automatically updates when the underlying data changes. For complex applications, Vuex is a state management library specifically designed for Vue.

Here’s how Vuex works:

1. Store: Create a central store to manage state.
2. Actions: Define actions that can change the state.
3. Getters: Use getters to access state in components.

Here’s an example of a simple Vuex store:

const store = new Vuex.Store({
  state: { count: 0 },
  mutations: { increment(state) { state.count++ } }
});