Vue配置全局变量,配置监听回调

1.自定义一个全局变量js文件,命名为g_data

6到18行是监听回调,不用的话就不写

2.在main.js中通过prototype挂载到vue上


3.在vue组件中使用场景:



通过$store配置全局变量太麻烦了,而且监听起来也麻烦 要同时用的computed和watch两个配置属性。

下面是g_data.js代码文本,自取:

// 全局变量对象

var g_data = {

  dateTime: new Date()

}

// 自定义全局变量监听回调函数 参数: objItem 监听属性 callback 回调函数

import Vue from 'vue'

Vue.prototype.g_data_watch = (objItem, callback) => {

  Object.defineProperty(g_data, objItem, {

    get: function() {

      return this.value

    },

    set: function(newValue) {

      this.value = newValue

      callback(this.value)

    }

  })

}

export default g_data

你可能感兴趣的:(Vue配置全局变量,配置监听回调)