vue3使用 view-ui-plus 全局
时间: 2023-05-29 22:03:59 浏览: 761
view-plus
要在 Vue 3 中使用 View-UI-Plus 全局,可以按照以下步骤:
1. 安装 View-UI-Plus:
```
npm install view-ui-plus --save
```
2. 在 main.js 文件中引入 View-UI-Plus 和样式文件:
```javascript
import { createApp } from 'vue';
import App from './App.vue';
import ViewUIPlus from 'view-ui-plus';
import 'view-ui-plus/dist/style.css';
createApp(App).use(ViewUIPlus).mount('#app');
```
3. 在组件中使用 View-UI-Plus:
```html
<template>
<div>
<v-button>Button</v-button>
</div>
</template>
<script>
export default {
name: 'MyComponent'
};
</script>
```
这样就可以在全局使用 View-UI-Plus 组件了。
阅读全文