上文中已经提到了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' }] // 接口代理配置 }