vue3 如何引用 npm 安装的 vue-upload-component
时间: 2023-12-07 09:03:19 浏览: 127
vue-upload-component-Vue上传组件,多文件上传,上传目录,拖动上传,拖动目录。 支持Vue> = 2.0-Vue.js开发
5星 · 资源好评率100%
在 Vue3 中,如果你想使用 npm 安装的 `vue-upload-component` 组件,可以按照以下步骤引入并使用它:
1. 首先,使用 `npm install` 命令安装 `vue-upload-component`:
```
npm install vue-upload-component --save
```
2. 在需要使用该组件的 Vue 组件中,使用 `import` 命令引入该组件:
```
<script setup>
import Upload from 'vue-upload-component'
// ...
</script>
```
3. 在 Vue 组件的 `template` 中使用该组件:
```
<template>
<div>
<Upload></Upload>
</div>
</template>
```
完整示例代码如下:
```
<template>
<div>
<Upload></Upload>
</div>
</template>
<script setup>
import Upload from 'vue-upload-component'
// ...
</script>
```
在上面的示例代码中,我们首先使用 `import` 命令引入了 `vue-upload-component` 组件。然后在 Vue 组件的 `template` 中使用 `Upload` 组件即可。
阅读全文