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