vue3组件使用第三方库

在 Vue3 中使用第三方库有两种方式：

1. 直接在 Vue3 组件中引入第三方库

可以使用 `import` 语法直接在 Vue3 组件中引入需要的第三方库，例如：

import { mapActions } from 'vuex'

export default {
  methods: {
    ...mapActions(['increment'])
  }
}

这里使用了 Vuex 提供的 `mapActions` 函数，直接在组件中引入并使用。

2. 在 Vue3 应用中全局引入第三方库

可以在 Vue3 应用的入口文件中全局引入需要的第三方库，例如：

import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

const app = createApp(App)
app.use(ElementPlus)
app.mount('#app')

这里使用了 Element Plus 库，首先引入了库的 css 样式文件，然后使用 `app.use` 方法将 Element Plus 库注册到全局中，这样在所有的组件中都可以使用 Element Plus 提供的组件和方法。

需要注意的是，第三方库的使用方式可能会因库的不同而有所差异，需要根据具体的库文档进行使用。