对于只读的全局变量,知道的有以下两种使用方式:
import Vue from ‘vue‘; let MyComm = new Vue({ methods: { deleteCookie: function (cname) { let d = new Date(); let expires = "expires=" + d.toGMTString(); document.cookie = cname + "=; " + expires; } }) export default MyComm;
import MyComm from "./components/common/comm";
MyComm.deleteCookie(‘ms_username‘)
import Vue from ‘vue‘; let MyComm = new Vue({ methods: { deleteCookie: function (cname) { let d = new Date(); let expires = "expires=" + d.toGMTString(); document.cookie = cname + "=; " + expires; } }) export default MyComm; Vue.prototype.$MyComm = MyComm; //项目中任何地方都可如此引用 this.$MyComm.deleteCookie(‘ms_username‘)
如果想随时修改全局变量的值,有一种办法:main.js中data定义,其他地方通过 this.$root.{paramName} 来引用/修改
new Vue({ router, data: function(){ return { URL: ‘http://localhost:8080‘, } }, render: h => h(App) }).$mount(‘#app‘);
// 修改 this.$root.URL= "xxxxx"
// 引用
let URL = this.$root.URL
原文:https://www.cnblogs.com/weibanggang/p/11368615.html