vue设置全局函数和变量

上文中已经提到了exports与module.exports,export的区别

1、增加通用

首先我们在main.js中增加

var exports = module.exports

2、新建js

然后我们新建all.js

方法1

exports.install = function (Vue,op) {
Vue.prototype.changeData = function () {
alert('执行成功')
}
// flag 的头条属性
Vue.prototype.flag = function (value) {
if (value) {
return value.indexOf('h') !== -1
} else {
return false
}
}
}

// Vue.js的插件应当有一个公开方法 install。这个方法的第一个参数是 Vue 构造器,第二个参数是一个可选的选项对象。

方法2

或者all.js也可以这么写

// param为传入参数
function packageFunc (param) {
  alert(param)
}

export default {
  install: function (Vue) {
    Vue.prototype.global_func = (param) => packageFunc(param)
  }
}

方法3

 可以直接在main.js内写

Vue.prototype.changeData = function (){//changeData是函数名
 alert('执行成功');
}


3、模板内使用方法

mounted () {
console.log(this.flag('h'))
}

直接this.函数即可


4、变量

export default {
Hallowmas: '/api',
plus: '/plus',
tel: [{ 1: 'list', 9: 'listlable', 30: 'liststudy' }]
// 接口代理配置
}


相关内容

发表评论

验证码:
点击我更换图片

最新评论