vue2 监听store中state某个对象的变化

业务场景：后台管理系统中，侧边栏展开收缩动态改变页面中地图的尺寸，其中控制其展开收起的数据如下：其中opened控制展开隐藏

{
        device: "desktop",
        sidebar: {
          hide: false,
          opened: true,
          withoutAnimation: false,
        },
        size: "medium"
      }

 目的：实现监听以上的整个对象（数据存放在 vuex中）

  import { mapState } from 'vuex'

 computed: {
      ...mapState(['app']) // 获取整个对象
    },
   watch: {
      app: {
        handler(newValue, oldValue) {
          // this.person = Object.assign({}, newValue);
          console.log(newValue, 'newValue')
        },
        deep: true
      }
    },