VUE.JS组件

【整理思路】从零开始封装Echarts的Vue组件_哔哩哔哩_bilibili

基于Vue如何封装组件_哔哩哔哩_bilibili

Vue实践-通过props:$emit:$refs:bus:$attrs:$listeners实现组件传值_哔哩哔哩_bilibili

Vue 实例属性：$props、$attrs、$data、$refs、$parent、$children、$router、$route 等_哔哩哔哩_bilibili










 

 20210410_Vue-如何写一个通用组件-封装BootStrap按钮_哔哩哔哩_bilibili -- 重要

参考小马视频 http://komavideo.com

## vue-chartjs

Chart.js库的vue实现，可以完成网页中的图表显示。

https://vue-chartjs.org/

### 演示

http://demo.vue-chartjs.org/

## vue-fa

FontAwesome5库的vue实现，可以调用FontAwesome5的各种组件。

https://cweili.github.io/vue-fa/

## vee-validate

基于模板的vue校验框架。

https://baianat.github.io/vee-validate/

## eslint-plugin-vue

vue的文法校验工具，可以快速找出代码、指令、样式单中的问题，同时还可以集成到VSCode, Sublime, Atom等IDE中。

https://eslint.vuejs.org/

## vue-lazyload

图片懒装载处理组件。

https://github.com/hilongjw/vue-lazyload

## axios

HTTP通信组件，可以远程存取各种REST-API服务。

https://github.com/axios/axios

## vuedraggable

网页对象拖动组件，只需写少量的代码，就可以完成页面对象的拖动排序。

https://github.com/SortableJS/Vue.Draggable

### 演示

https://sortablejs.github.io/Vue.Draggable/#/simple

## Vue-Socket.io

对于socket.io库的封装，可以和Vuex状态管理配合使用。

https://github.com/MetinSeylan/Vue-Socket.io

## Vue-multiselect

多选框的解决方案，还包括状态管理、下拉框、Ajax、检索框等功能。

https://vue-multiselect.js.org/

## vuejs-datepicker

vue的日期选择组件。

https://github.com/charliekassel/vuejs-datepicker

## vue-md-editor

vue的markdown编辑器。

https://github.com/anguer/vue-editor

## vue-typer

内容显示的打字机组件。

https://github.com/cngu/vue-typer

### 演示

https://cngu.github.io/vue-typer/

## vue-rate-it

五星评价组件，省的自己编写了。

https://craigh411.github.io/vue-rate-it/

### 演示

https://jsfiddle.net/craig_h_411/992o7cq5/

## Vue-good-table

vue的表格操作组件，支持列排序、内容过滤、分页等操作。

https://xaksis.github.io/vue-good-table/

## Vuex

官方出品的状态管理组件，推荐！

https://vuex.vuejs.org/

## Vue Router

官方出品的路由定义组件。

https://router.vuejs.org/

## Vuetify

vue的UI/UX框架，除Bootstrap外的选择。

https://vuetifyjs.com/

## element-ui

基于vue 2.0的组件库，同时支持React和Angular。

http://element.eleme.io/

## vue-material

Google设计风格的UI组件库。

https://vuematerial.io/

## bootstrap-vue

Bootstrap的vue组件库，好用没有之一。

https://bootstrap-vue.js.org/

## Nuxt.js

Vue的服务器端渲染框架，解决客户端渲染的诸多问题。（首页载入慢，SEO等）

https://nuxtjs.org/