ElementPlus学习笔记

element-plus官网：element-plus.org/en-US/

element-plus简介

• Element Plus 是一个基于 Vue 3 的 UI 框架，旨在为开发者提供一套简洁、易用且功能丰富的组件库，以帮助快速构建高质量的 Web 应用界面。它继承了 Element UI 的设计理念，并且针对 Vue 3 进行了现代化的升级，支持 Vue 3 的 Composition API，使得组件的使用更加灵活和高效

使用create-vue创建vue项目

• 什么是create-vue？
  • create-vue 是 Vue.js 官方推荐基于vite的且用于快速启动 Vite 驱动的 Vue 项目的脚手架工具。它简化了创建新 Vue 项目的过程，提供了预配置的项目结构，并集成了 Vite 的强大功能，使得开发者能够快速上手并开始开发。
• 使用create-vue创建一个vue项目
  • 在终端中输入命令：npm create vue@latest
  • 这将引导你完成创建项目的过程，包括选择项目名称、是否使用 TypeScript、是否添加 Vue Router、是否使用 Pinia 进行状态管理等选项。创建完成后，你可以在终端中输入：cd my-vue-app进入项目目录并启动开发服务器
  • 执行命令以安装vue项目所需要的依赖：npm install
  • 启动项目：npm run dev

• Vue项目的目录结构

• Vue组件的两种风格
  • 选项式API
  • 组合式API（更灵活）

• 引入element-plus

1. 根据官网指南，安装element-plus相关依赖
2. main.js中引入Element-plus组件库
3. 在官网中找到想用的组件，赋值代码并引入
4. 如果想修改组件样式，可以在api中找到一系列属性