一. vuex状态管理/模块化/mutations常量
[views/demo.vue]
<template>
<div class="demo">
<h1>vuex状态管理</h1>
<p>{
{count}}</p>
<p>{
{count1}}</p>
<p>{
{count2}}</p>
<p>{
{rootCount}}</p>
<hr />
<button @click="add(1)">+1</button>
<button @click="add2(2)">+2</button>
<button @click="add3(10)">+10</button>
<hr />
<ul>
<li v-for="item in filterList1" :key="item.id">{
{item.name}} - {
{item.sexName}}</li>
</ul>
<hr />
<ul>
<li v-for="item in filterList" :key="item.id">{
{item.name}} - {
{item.sexName}}</li>
</ul>
<hr />
<ul>
<li v-for="item in filterList2" :key="item.id">{
{item.name}} - {
{item.sexName}}</li>
</ul>
<hr />
<button @click="getData(3)">获取3条数据</button>