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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容