首页 > 其他分享 >Vue3,基于Vue3的一个自开发组件库,提供给大家参考学习使用

Vue3,基于Vue3的一个自开发组件库,提供给大家参考学习使用

时间:2022-08-19 14:33:21浏览次数:108  
标签:npm 内置 参考 vue3 文档 Vue3 组件

简单介绍:

这个组件库是个人为了学习而开发的,借鉴了element ui和bootstrap两个前端框架开发的。底层代码是基于vue3.x的。
其中组件包括:
1、系统内置

  • 内置样式
  • 内置动画

2、组件文档

  • 消息弹出
  • 模态框
  • 警告框Alert
  • 面包屑
  • 按钮
  • 开关
  • 分页工具
  • 加载框架
  • 块级选择
  • 下拉框
  • 进度条
  • 表格

下载和使用

组件已上传至npm,可以通过npm进行下载,由于是测试,所以名字比较的随便

npm install cli13-vue3

另外,可以访问组件的说明文档,如下:
说明文档访问地址

功能不多,如果大家学的还行的话,请点个赞或者收藏,后续还会持续更新组件和说明文档。谢谢大家!!!

标签:npm,内置,参考,vue3,文档,Vue3,组件
From: https://www.cnblogs.com/gjhqq01010305/p/16601873.html

相关文章

  • vue3+ts项目中基本使用
    import{ref,reactive}from 'vue'  // 引入refreactive   //  ref定义响应式数据中基础数据类型  reactive定义 响应式数据中复杂数据类型  ......
  • 子组件向父组件传递信息的三种方式
    通过自定义组件事件,可以实现子组件向父组件传递信息(通信),这个事件的触发一定是以原声标签事件为基础的,也就是先触发子组件里的事件,接着在回调函数中爆发自定义事件。 1.......
  • 文件夹上传组件webupload插件
    ​文件夹数据库处理逻辑public class DbFolder{    JSONObjectroot;       public DbFolder()    {        this.root= new JSONOb......
  • react中父子组件相互传值或方法
    这个老师写的不错,写在这样方便自己以后的查看。详见原创作者的链接地址:https://blog.csdn.net/sinat_36359516/article/details/120011005......
  • 大文件上传组件webupload插件
    ​需求:项目要支持大文件上传功能,经过讨论,初步将文件上传大小控制在500M内,因此自己需要在项目中进行文件上传部分的调整和配置,自己将大小都以501M来进行限制。 第一步:......
  • Vue基础——将原生事件绑定到组件
    Vue基础——将原生事件绑定到组件1、首先看一个小例子父组件:<template><divid="app"><my-button@click="handleClick"></my-button></div></template><......
  • 盘点Vue2和Vue3的10种组件通信方式(值得收藏)
    Vue中组件通信方式有很多,其中Vue2和Vue3实现起来也会有很多差异;本文将通过选项式API组合式API以及setup三种不同实现方式全面介绍Vue2和Vue3的组件通信方式。其中将要实现......
  • vue cli3 如何配置babel.config.js 可以按需引用多个不同的组件库
    module.exports={  presets:['@vue/app'],  plugins:[    ['import',      {        libraryName:'ant-design-v......
  • vue2和vue3的区别
    1、vue2每个模块必须有一个根节点,vue3则不需要 ===================分隔======================  2、创建vue实例的方法不一样router.js中:main.js中:  ===......
  • 什么是UVM?UVM由哪些组件构成?
    一、什么是UVM?UVM是一种为开发testbench而设计的事物级建模(TLM)方法。从编程语言的角度来说,UVM是一个类库,可以比较方便的编写可重用可配置的代码。从某种意义上来说,一旦......