vue 怎么全局到入常量_前端基础：如何在组件中使用全局常量？Vue原型对象上设置属性...

全局属性

{{global.title}}

{{global.str}}

已经{{global.print()}}

点击{{current}}

function install(Vue, options) {

Vue.prototype.global = {

title: '设置全局变量的方式',

str: '我是谁',

num: 100,

print() {

return '执行全局方法';

}

}

}

Vue.use(install) // 显式调用，参数为install方法名

var vm = new Vue({

el: ".text",

data: {

current: 'hello world'

},

methods: {

emit() {

this.current = this.global.title

}

}

})

第一步：声明一个函数，并把构造器Vue作为第一个参数；

第二步：在原型对象上 Vue.prototype 设置自定义全局对象变量，例子中为global。

第三步：global对象中定义自己需要的属性和方法。

第四部：显式调用方法Vue.sue( ),参数为第一步声明的函数名

第五步：模板就可以 {{ global.xx }},而js代码需要this，如this.global.xx