vue学习-常用的组件和组件库

一、vue中使用常用的组件库；

1element:基于vue2.0的组件库，提供了配套设计资源，帮助网站快速成型

（1）Element-React: 饿了么团队开发出的一套基于react的前端UI库，包含了丰富的组件，几乎能满足前端开发的基本需求。

（2）Element-Angular：是element-ui底下的一个框架，可以快速搭建网站，极大的减小研发的人力和时间成本。

（3）element-ui:是一种开源前端框架，过去支持VUE,目前在Angular5中也可以使用。可以使用它快速的搭建网站。

（4）element-plus: 一套基于 Vue.js 的桌面端组件库，是对 Element UI 的升级和扩展。它提供了一系列的高质量、易用的组件，可以帮助开发者快速构建出现代化的 Web 应用程序。

2vuex

是一个vue的状态管理工具，状态就是数据

是一个插件，可以帮我们管理通用的数据（多组件共享的数据）

遵循单向数据流，组件中不能直接修改仓库中的数据。

3pinia：

是vue最新的状态管理工具，是vuex的替代品

与vuex相比的优势：

1)提供更加简单的API(去掉了mutation)

2)提供符合，组合式风格的API(和vue3语法统一)

3）去掉了modules的概念，每一个store都是一个独立的模块

4）配合TypeScript更加友好，提供可靠的类型推断

5）通过pinia-plugin-persistedstate实现持久化

4vue-cli:vue官方提供的全局命令工具，可以帮助我们快速创建一个标准化框架（webpack）

5VueRoute：vue提供的路由组件

二、组件和组件库的区别：

1简介：

组件是构建用户界面的基本单位，它可以封装可复用的代码和功能，并且可以在应用程序中多次使用。组件可以包含模板、样式和行为，使得开发者可以将应用程序拆分成多个独立的、可维护的部分。

组件库是一组预先构建好的组件集合，通常由第三方开发者或者团队提供。组件库中的组件经过了设计和开发的工作，具有一致的风格和交互方式，可以帮助开发者快速构建用户界面。组件库通常包含了常见的UI组件，如按钮、输入框、导航栏等，以及一些特定功能的组件，如日期选择器、图表等。

2区别：

（1）组件是Vue中的概念，是构建用户界面的基本单位，而组件库是一组预先构建好的组件集合。

（2）组件是开发者根据需求自行创建和定义的，而组件库是由第三方提供的已经设计和开发好的组件集合。

（3）组件可以是应用程序中的任何一部分，而组件库通常包含了常见的UI组件和特定功能的组件。

（4）组件可以在应用程序中多次使用，而组件库中的组件可以在不同的项目中使用。

本文为自己对所学知识的总结，欢迎各位大佬批评指正！