[115-116]_Vuex模块化编码_namespaced命名空间

目的：让代码更好维护，让多种数据分类更加明确。

目录图

components文件夹

Count.vue

<template>
  <div>
    <h1>当前求和为：{
  {sum}}h1>
    <h3>当前求和放大10倍为：{
  {bigSum}}h3>
    <h3>我在{
  {school}}，学习{
  {subject}}h3>
    <h3 style="color:red">Person组件的总人数是：{
  {personList.length}}h3>
    <select v-model.number="n">
      <option value="1">1option>
      <option value="2">2option>
      <option value="3">3option>
    select>
    <button @click="increment(n)">+button>
    <button @click="decrement(n)">-button>
    <button @click="incrementOdd(n)">当前求和为奇数再加button>
    <button @click="incrementWait(n)">等一等再加button>
  div>
template>

<script>
  import {
     
    mapState,
    mapGetters,
    mapMutations,
    mapActions
  } from 'vuex'
  export default {
     
    name: 'Count',
    data() {
     
      return {
     
        n: 1, //用户选择的数字
      }
    },
    computed: