组件事件
在组件的模板表达式中，可以直接使用

最近一直在忙一个跨端项目，好久没有来分享了。

今天给小伙伴们分享一个超哇塞的Vue3组件库NaiveUI。star高达6.3K+

介绍

今天要介绍的是一个Vue的增强组件——vue-directive-window，它让你的模态框轻而易举地支持类窗口操作，也就是说不仅仅对话框，还将具备一些窗口化的特性，诸如拖拽、最大化、缩放等增强型功能！

Github

作者：vipbic

转发链接：
https://segmentfault.com/a/1190000022980992

前言

在 Vue 中，书组件通常用于展示书籍信息（如标题、作者、封面、简介等）。以下是一个详细的组件设计与实现示例，包含关键代码和注释。

1. 基础书组件结构

创建一个可复用的书籍展示组件，包含基本属性和样式。

简介

vue-particles是粒子背景的Vue.js组件，支持服务端渲染。

github 地址：

https://github.com/creotip/vue-particles

组件的注册方式

一个Vue组件在使用前需要先被“注册”，这样Vue才能在渲染模板时找到其对应的实现。组件注册有两种方式：全局注册和局部注册

介绍

Vue Formulate是使用Vue构建表单的最简单方法。主要功能包括表单和字段验证，文件上传，表单生成，支持标签的单元素输入，帮助文本，错误消息，占位符等，以及在自己的项目中使用的全面文档。

组件间的关系可以分为：

1. 父子关系。以前文的代码为例，最典型的就是App.vue与Car.vue这种，APP是父，Car是子。
2. 祖孙关系。如果Car再引入一个子组件，这个子组件与App就是祖孙关系。
3. 其他。比如Car和Staff。

基于以上的几种关系，组件间的通信方式有好些个实现。后面会讲解一些在开发中常见的方法。不多说，直接上代码。Father.vue：

在VUE编程中，经常会遇到对话框，但ElementUI或者是AntD提供的模态框一是要在每个页面中写Dialog，一个是对Dialog中含有的组件定制能力有限。因此，这里提供一个全局对话框并动态引入组件，从而有效地提高系统弹性和减少开发量。好，我们先看一下效果图：