vuex数据监听

一步一步来昂！！
今天没啥活儿。。捡起了之前放了很久，好多人改过的一个东西，更换头像。。这个项目emmm比较大。。大不大的我不懂，就是用到了vue-element-admin。。。。登录信息啊啥的都在vuex里。头像也是。

其中有一个个人中心页面，有更换头像的功能。
头像是从vuex中获取的，我换头像，势必要改state.avatar的值。而且是在同一页中显示，所以要监听state中avatar值的变化。一旦更改，我就给头像展示的model重新赋值。。
我讲清楚了吗？？爸特现在有个大bug....一刷新就啥都没了哈哈哈哈哈哈哈哈再说再说

主要记一下语法 ↓ (vuex的好多东西本来就不熟。。还给封装得巨高级。。。。先会用，然后再想怎么来的嗷~)

<script>
import { mapGetters } from "vuex";

  computed: {
    ...mapGetters([
      "avatar",
    ]),
    avatar1() {
      return this.avatar;
    },
  },
  watch: {
    avatar1: {
      deep: true,
      handler: function (n, o) {
        if (n != o) {
          // 当state.avatar值发生改变，就执行这个方法
          this.getAvatar(n);
        }
      },
    },
  },
</script>

先放放。。放放。。。。脑子不动了。。我一定会回来的