文章目录
公用模块
定义一个专用的模块,用来组织和管理这些全局的变量,在需要的页面引入。
注意这种方式只支持多个vue页面或多个nvue页面之间公用,vue和nvue之间不公用。
创建util目录,并在下面创建util.js文件
function logUtil(log){
console.log(log);
}
module.exports = {
js_date_time: js_date_time,
logUtil:logUtil
}
使用:
var util = require('../../util/util.js');
util.logUtil("打印日志");
这种方式一般用于直接调用,不方便赋值
prototype
将一些使用频率较高的常量或者方法,直接扩展到 Vue.prototype 上,每个 Vue 对象都会“继承”下来。
注意这种方式只支持vue页面
示例如下:
在 main.js 中挂载属性/方法
创建common目录,并创建common.js文件
export default{
them:{
backgroundColor:'#156df1',
textColor:'#156df1'
},
setThem(data){
this.them = Object.assign({},this.them,data)
}
}
在mian中引入
//主题色全局变量
Vue.prototype.$t