vue2.0 监听全局参数的变化

背景

由于一个详情页面的功能比较多，拆分为上下多级的很多组件，当一个组件中编辑修改后，需要触发操作记录组件调用接口，更新视图

一，vuex 声明全局变量

store/modules/actionLog.ts

import { VuexModule, Module, Mutation, Action, getModule } from 'vuex-module-decorators'
import store from '@/store'

export interface ILog {
  actionLogArr: Array<string>
}

// 当详情组件点击了编辑模块确认按钮，就需要调用操作记录接口
@Module({ name: 'ActionLog', dynamic: true, store, })
class ActionLog extends VuexModule implements ILog {
  public actionLogArr: Array<string> = []
  @Mutation
  public SET_ACTION_LOG(item: string) {
    this.actionLogArr.push(item)
  }
  // getter
  get getActionLogArr(): Array<string> {
    return this.actionLogArr
  }
}

export const ActionLogModule = getModule(ActionLog)

store/index.ts

import Vue from 'vue'
import Vuex from 'vuex'

import createPersistedState from 'vuex-persistedstate'
import { ILog } from './modules/resumeAc