于是我就写专门写了一个global.js文件，把x和changeX放到里面

既然楼主写了个global.js文件,就可以考虑遵循模块化的概念,使用import在各个组件中引用

下面从利于楼主理解的角度来说明,可能会存在一些不严谨的地方:

关于作用域问题,简单来说,你访问不到不是因为作用域不正确,而是打包工具通过修改变量名,包裹函数,等等多种方法帮你做到了隔离作用域,这样做的好处就是为了保证每个组件,每个模块都是相对独立的.

楼主如果感兴趣可以看看编译之后的代码,webpack之类的打包工具会讲每一个模块,包括入口文件(入口文件也被认为是一个模块)包裹成一个函数,函数返回值导出引用,所以不论你变量怎么写,看似作用域在window下,实际上已经被包裹进了函数中,这也是遵循了ES6_module或者commonjs模块的规范

推荐楼主使用import去引用global.js

如果楼主一定想要按上面的方法来实现,可以考虑把全局变量和方法挂载在window下,比如 window.xxx

因为没有放出global.js文件，但是我猜测一下，你global文件输出文件时是不是使用了es6的export输出的变量，浏览器还是不支持这种写法的，你如果想输出一个变量，直接用最普通的写法

 <script>
      //定义全局变量与全局函数，在任意组件中都能访问与使用。

      let x 

      function changeX () {
      //对x进行操作
      }
 </script>

把script标签中写道global中，通过script标签引入就会成为全局变量

是不是要拿vue的实例去获取呢 因为在vue中的数据或者是属性 都可以在vue的实例中获得的 好像