Vue 进阶（幺捌零）：JS 向 Vue 传值

// 鼠标按下事件el.onmousedown = function (e) {  ...  document.onmouseup = function (e) {    document.body.style.cursor = 'pointer';    document.onmousemove = null;    document.onmouseup = null;    isMove = false;    document.body.removeChild(mask);    // 元素样式relative下方位属性    let domStyle = {      width: data.width,      height: data.height,      left: data.left,      top: data.top    }    el.style.cssText = setStyle(el, domStyle)    // Vuex state实现方式    store.commit('domAzimuth/SET_DOMAZIMUTION', el.style.cssText);    // 监听器实现方式    // window.postMessage({domStyle: domStyle}, '*')}
}

    computed: {      ...mapGetters('dragModule', ['editLayer']),      ...mapGetters('domAzimuth', ['directProps']),      domStyle () {        return this.directProps      }    },    // 监听器方式中，务必在页面销毁前释放掉监听器，否则会造成内存泄漏！    beforeDestroy () {//      window.removeEventListener('message', this.listenerMessage)    },    mounted () {//      window.addEventListener('message', this.listenerMessage)    },    watch: {      domStyle (n) {        let configs = []        let model = {}        for (let name in this.editSoul.model) {          let config = this.editSoul.model[name]          model[name] = ''          config.name = name           if ('style' === name) {              config.value = this.directProps            }          configs.push(config)        }        this.model = model        this.configs = configs      },}