vuex管理公共状态，遇上状态变化但组件里没有检测到

 

 想要监视的变量如上

 组件里用ref绑定该变量，但是发现当变量在其他地方修改后，组件里并没有检测到并更新

解决方法：

1.方法一：组件里手动上监控：

store.watch(
  (state) => state.tool.isShowToolPanel,
  (newVal) => {
    isShowToolArea.value = newVal
  }
)

2.方法二：

将要监控的boolean类型变量放到对象里，绑定整个对象：

 

组件里：