欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

在Vue中设置和修改全局变量的方法

最编程 2024-01-12 12:49:17
...

1、新建需要存放全局变量的js文件。如:global.js

      const url= "http://www.baidu.com" 
      const name = "张三" 
      const age = "18" 

       export default ({
              url,
             name,
              age
})

2、在main.js里全局注册。

import global from '../src/js/global
'Vue.prototype.$global = global

3、在页面中获取使用全局变量。

 console.log(this.$global.url, "88888");
 console.log(this.$global.age, "88888");
 console.log(this.$global.name, "88888");

4、修改全局变量

 this.$global.name ='他不是张三,他是李四'
 console.log(this.$global.name,'99')

推荐阅读