使用以上全局注册报错Vue is not defined请解决

这个错误通常是因为在 Vue 实例化之前尝试访问 Vue 变量或使用 Vue 相关的功能，导致 Vue 还没有被定义。解决这个问题的方法有以下几种：

1. 确保在引入 Vue 库之后再实例化 Vue：

<!-- index.html -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- 引入 Vue 库之后再实例化 Vue -->
<script src="./main.js"></script>

// main.js
new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

2. 在 webpack 项目中，可以使用 ProvidePlugin 插件将 Vue 注入全局变量中：

// webpack.config.js
const webpack = require('webpack')

module.exports = {
  plugins: [
    new webpack.ProvidePlugin({
      Vue: ['vue/dist/vue.esm.js', 'default']
    })
  ]
}

然后，在需要使用 Vue 的地方就可以直接使用全局变量 Vue 了。

3. 在单文件组件中，可以在模块顶部导入 Vue：

// HelloWorld.vue
<template>
  <div>{{ message }}</div>
</template>

<script>
import Vue from 'vue'

export default {
  name: 'HelloWorld',
  data() {
    return {
      message: 'Hello Vue!'
    }
  }
}
</script>

这样就可以确保 Vue 在模块内被正确定义了。