vue 不点开devtool的组件页面，就无法使用computed属性

Question

• 我在工作项目中使用了computed属性对三个变量进行了监听，代码如下，部分无关代码已省略
• 但是，如果我不点击vue devtool的组件栏，当我通过关闭弹窗触发this.first_enter.show_first_explain_pop，却没有在控制台打印出来'computed on'，没有任何的log打印出来。
• 而当我点击vue devtool的一瞬间，会立即打印出
• 并且，在这种devtool开启的情况下，重新进行刚才的操作，对this.first_enter.show_first_explain_pop的值进行修改，会进行正常的'computed on'的打印

        data() {
            return {
               first_enter: {
                   flag: false,
                   show_first_explain_pop: false, // '首次进入介绍'弹窗
                   first_unfinished_task: '',
               }
             }
        },
        computed: {
            first() {
                console.log('computed on')
                if (this.first_enter.first_unfinished_task && !this.first_enter.show_first_explain_pop && this.first_enter.flag) {
                    this.$set(this.mission[this.first_enter.first_unfinished_task], 'is_shine', true)
                    return '1'
                } else {
                    return '2'
                }
            }
        },

信息补充：

1. 在打包后的环境 或者 没有安装vue devtool的浏览器环境，也同样不会触发computed方法。
2. vue devtool 隔一段时间会变得无法点开以及编辑，此时我必须“清空缓存并硬性加载”，才可以继续调试
3. 为了方便解决问题，我也录制了视频，放在百度网盘了，一共7.9m，有需求的大佬可以看一下

链接: https://pan.baidu.com/s/1FNdP... 提取码: bi94