如何设置带有额外导入的Vue 3 main.js文件

k2arahey  于 2022-12-04  发布在  Vue.js
关注(0)|答案(1)|浏览(200)

大家好,我正在尝试使用vue 3启动一个新项目,我正在尝试使用vue 2中工作的vue 3版本的main.js文件
第一个
我试试这个:
配置。$全局方法=全局方法;
但屏幕是空白的,我在控制台中有这个错误:
无法读取undefined的属性(阅读'use')

ilmyapht

ilmyapht1#

在Vue 3中,app.config对象已被删除,您可以使用app.use()函数将全局插件添加到您的应用程序中。您提供的代码将更新为如下所示:

import { createApp } from 'vue';
import GlobalMethods from './utils/globalMethods';

const app = createApp({
  // app options here
});

app.use(GlobalMethods);

这会将GlobalMethods插件添加到您的应用程序中,并使其在应用程序示例上可用。
您也可以将GlobalMethods插件直接添加到createApp调用中,如下所示:

import { createApp } from 'vue';
import GlobalMethods from './utils/globalMethods';

const app = createApp({
  // app options here
  setup() {
    return {
      GlobalMethods,
    };
  },
});

相关问题