vuejs 3 多个插件

Question

如何在 vuejs 3 中使用多个插件？

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import axios from 'axios'
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';

createApp(App).use(router, axios, Antd).mount('#app')

在 Main.js 中，这似乎导入了路由器和 axios，但没有导入 Antd。如果我取下路由器和 axios，那么我可以看到 antd 组件。我如何把所有东西都带进来？

Answer 1

每个插件必须在其自己的 app.use() 调用中：

createApp(App).use(pluginA).use(pluginB).use(pluginC).mount('#app')

但是，axios 不是 Vue 插件，所以不要用 app.use() 安装它。

您的代码应与此类似：

createApp(App).use(router).use(Antd).mount('#app')

vuejs 3 多个插件

vuejs 3 multiple plugins

vue.js

vuejs2

vuejs3