vue3+Vue cli+element-plus
时间: 2023-09-05 13:10:11 浏览: 165
vue + element
Vue 3 是 Vue.js 框架的最新版本,它带来了许多新特性和改进,比如性能提升、Composition API、TypeScript 支持等。Vue CLI 是官方提供的脚手架工具,可以帮助我们快速搭建 Vue 项目,提供了许多开箱即用的特性,比如热重载、代码分割、自动化测试等。Element Plus 是一套基于 Vue 3 的 UI 组件库,它是对 Element UI 的升级版,提供了更好的性能和更丰富的组件。
使用 Vue CLI 创建一个 Vue 3 项目,然后安装 Element Plus:
```bash
# 创建 Vue 3 项目
vue create my-project
# 安装 Element Plus
npm install element-plus --save
```
在项目中使用 Element Plus 的组件,需要先在 main.js 中引入组件库:
```js
import { createApp } from 'vue';
import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';
import App from './App.vue';
const app = createApp(App);
app.use(ElementPlus);
app.mount('#app');
```
然后就可以在组件中使用 Element Plus 的组件了,比如在 App.vue 中使用 Button 组件:
```vue
<template>
<div>
<el-button>Click me</el-button>
</div>
</template>
```
阅读全文