我查看了很多的教程都感觉不是很适合新手；今天我就来一步一步地教大家怎么把写好的插件发表到npm上；也记录一下免得自己那天忘了；文笔不是很好；如果表述不是很好的地方请谅解；废话不多说；现在开始

第一步；

我司有一个工作台搭建产品，允许通过拖拽小部件的方式来搭建一个工作台页面，平台内置了一些常用小部件，另外也允许自行开发小部件上传使用，本文会从实践的角度来介绍其实现原理。

摘要：本文由葡萄城技术团队于博客园发布。转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。

前言

最近接了个大屏项目，产品想在不同的显示器上展示大屏项目不同的页面，做出来的效果图大概长这样

组件传递Props效验

Vue组件可以更细致地声明对传入的props的校验要求

利用Vue开发页面过程当中, 页面组件化是必备的技巧之一。但是由于各种原因，子组件的数据需要来源于父页面加载完之后，父页面才能把参数传给子页面，例如，我们常见的一个工作流审批页面：

表单数据项的展现，是根据工作流的ID，动态展现出来的，也就是说，当父组件的组件生命周期执行完，子组件才会获得对应的数据。如果不加任何限制，子组件生命周期是和父组件一起完成的。

一、背景

用vscode开发过程中经常遇到要了解变量、方法说明并通过鼠标点击快速定位的场景，这时候如果没有插件辅助，只能搜索文本的方式编码效率就有点低了，而且也会影响心情。

二、功能介绍

VUE中，很多朋友在为组件设置v-model时有点困惑，搞不清楚里面的具体逻辑，这里稍微解释一下。不说废话，直接上干货，VUE中，如果想给自定义组件设置v-model模型，一共有两种情况：

大家好，我是 Echa。

马上到国庆了，还没学习或者想学习vue3的小伙伴们有安排上没？

这次推荐几个比较流行的VUE3 UI组件库，合理利用，又或者学习借鉴都是不错的选择。

1、element-plus

element-plus