vue3 导入element-plus的声明文件
时间: 2023-07-26 11:06:40 浏览: 532
vue3 ElementPlus项目 commit配置文件
要在 Vue3 中使用 Element Plus,需要先安装 Element Plus 和对应的 TypeScript 声明文件。
1. 首先安装 Element Plus和 TypeScript 声明文件:
```bash
npm install element-plus @types/element-plus --save
```
2. 在 `main.ts` 中导入 Element Plus:
```typescript
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');
```
3. 在你的组件中使用 Element Plus 的组件:
```vue
<template>
<el-button type="primary">Hello world!</el-button>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
name: 'MyComponent',
setup() {
// ...
}
});
</script>
```
这样,你就可以在 Vue3 中使用 Element Plus 了。
阅读全文