vue3 ReferenceError: $ is not defined

在Vue 3中，全局变量$不再被默认挂载到Vue实例上。如果你想在Vue组件中使用$, 可以通过在组件中使用`provide`和`inject`方法来实现。

首先，在创建根组件（通常是main.js或者App.vue）时，可以使用`provide`方法将$挂载到全局：

import { createApp } from 'vue';

const app = createApp({});

app.provide('$', window.$); // 假设$是全局变量window.$

app.mount('#app');

然后，在需要使用$的子组件中，可以使用`inject`方法将其注入到组件中：

import { inject } from 'vue';

export default {
  // ...
  created() {
    this.$ = inject('$');
  },
  // ...
}

这样，你就可以在子组件中使用$了。请注意，这种方式并不推荐，因为它会使组件与全局变量紧密耦合。在Vue 3中，更推荐的做法是使用Composition API来管理状态和逻辑，而不是直接依赖全局变量。