在Vue.js应用程序中实现服务器端域作用域全局变量的正确方法是什么?

我正在学习Vue.js,同时尝试编写一个需要服务器端状态机对象的应用程序(在客户端之间共享一些资源并将客户端任务分发给它们)。为此,我需要一些(域范围或至少流程范围)全局变量,以便 一个客户端写入,另一个客户端可以看到它 通过请求某事。但我在http请求上需要这个。

我想代码隐藏部分是main.js nano main.js 这就是环境:

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

这看起来不像多线程。是不是 new 意味着每个客户机创建一个新实例,或者它只是一个实例,并且为所有客户机提供服务?我应该在这个范围内使用“全局”变量还是在 App 反对?在src文件夹中,有路由器文件夹,但没有应用文件夹,只有一个文件App.vue。此文件包含一个脚本

<script>
export default {
  name: 'App'
}
</script>

我应该在这里只使用本地(每个客户端)变量还是允许使用任何全局变量?

我在main.js中添加了一个变量“myGlobal”作为

...
import router from './router'
var myGlobal = 3.14;
...

在客户端

 console.log({{myGlobal}});

在生成阶段返回错误。

Syntax Error: Unexpected token (158:21)

> 158 |         console.log({{myGlobal}});

操作系统:Ubuntu 18.04