vue watch monitor other js value?

Change the style

<input id="color" type="color" :class="msg ? 'transparent': 'transparent2'"/>

> 1.can.js

 var obj = {},initValue = true;
    Object.defineProperty(obj,"newKey",{
        get:function (){
            return initValue;
        },
        set:function (value){
            initValue = value;
        }
    });

Click edit Boolean

    document.getElementById('btncc').onclick = function () {
        initValue = false;
        console.log(123);
    }

obj.newKey already changed,but vue Page do not know,what should I do?

Throw


export default {
  con,obj
}
> 2.vue

import Canvas from '../../Api/js'
  export default {
    name: 'HelloWorld',
    data () {
      return {
        msg: Canvas.obj.newKey
      }
    },
    mounted () {
      Canvas.con()
    },
    watch: {
      'obj.newKey' (val) {
        console.log(val);
      }
    }
  }

vue Get it can.js Boolean,can.js change vue The page changes?