低代码自定义封装组件三步

最新推荐文章于 2024-05-19 18:40:37 发布
最新推荐文章于 2024-05-19 18:40:37 发布
阅读量349 收藏
点赞数
分类专栏： 项目周边能力 文章标签： 低代码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43390711/article/details/128794991
版权

前言：相关资料可以搜索lowcode-engine

1、物料开发

在src/components文件夹下新建组件的文件夹，自定义需要对外暴露的props（由用户在配置界面【由设置器开发出来】操作给出props相关值）

2、在根目录/index.tsx中注册组件

3、设置器开发

在根目录/lowcode目录下编写对应的meta.ts

monstkl
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue 封装自定义组件之tabal列表编辑单元格组件实例代码
12-29
vue 封装自定义组件 tabal列表编辑单元格组件 <template> <div class=editable-cell> <div class=editable-cell-input-wrapper v-if='editable'> <el class=editInput v-model=cellValue placeholder=请输入内容 v-loading=editLoading size=small></el> <el type=text><i class=el-icon-check @
vue2.0 自定义组件的方法（vue组件的封装）
08-27
主要介绍了vue2.0 自定义组件的方法（vue组件的封装）,本文通过实例代码相结合的形式给大家介绍的非常详细，需要的朋友可以参考下
低代码第二篇 组件封装【表单组件】 图片上传组件
qq_14927159的博客
06-14 69
【代码】低代码第二篇 组件封装【表单组件】 图片上传组件。
【前端】封装组件的步骤（函数思想）
qq_41910413的博客
04-07 870
准备好组件的数据输入。即根据组件逻辑，定好 props 里面的数据及类型。（在子组件内部，使用props选项声明获取的数据，即接收来自父组件中的数据）准备好组件的数据输出。即根据组件逻辑，做好要暴露出来的方法。建立组件的模板，先搭架子，写样式，考虑好组件的基本逻辑。封装完毕，直接调用即可。
阿里低代码框架 lowcode-engine 之自定义物料篇
wangqiaojie的博客
08-08 4316
今天我们主要来说下低代码比较核心的东西之一物料，就是我们低代码框架怎么支持和使用我们自己写的组件。物料是页面搭建的原料，按照粒度可分为组件、区块和模板：
前端减少代码量的技巧与实践
前端程序猿的博客
06-28 373
通过使用模块化的JavaScript开发框架（如RequireJS和Webpack），可以将代码划分为多个逻辑模块，每个模块负责自己的功能。使用CSS预处理器可以帮助您减少重复的代码和样式，提高代码的可维护性和重用性。通过删除不必要的注释、空格和缩进，并将代码进行压缩，可以大幅减少文件大小，提升页面加载速度。例如，可以将一些常用的代码块（如表单验证、日期选择器等）封装成可复用的组件，以避免重复编写相似的代码。通过审查和重构代码，可以删除无用的、冗余的或重复的代码，提高代码的可读性和性能。
低代码第二篇 组件封装【表单组件】 多选组件
qq_14927159的博客
06-14 127
【代码】低代码第二篇 组件封装【表单组件】 多选组件。
百度低代码框架amis介绍及实例讲解
热门推荐
java后端开发的博客，不仅仅是后端开发
06-01 3万+
amis 是一个低代码前端框架，它使用 JSON 配置来生成页面，通过拖拉拽实现页面配置开发，大大减少页面开发工作量。低代码平台是未来的趋势，本文抛砖引玉介绍了一个增删改查列表实现的过程。.........
前端低代码form-generator的实现及新增自定义组件
三俩句的博客
06-15 6976
form-generator，前端低代码项目，vue，element UI
阿里低代码框架 lowcode-engine 之自定义设置器
wangqiaojie的博客
02-13 1163
lowcode-engine 设置器主要用于低代码组件属性值的设置，顾名思义叫"设置器"，又称为 Setter。由于组件的属性有各种类型，需要有与之对应的设置器支持，每一个设置器对应一个值的类型
基于 LowCodeEngine 的低代码组件体系建设和实践
阿里技术
04-04 3474
近年来，低代码领域的话题热度在不断升温。在这样的时代大背景下，物料这个老生常谈的话题，又被赋予了哪些新的问题？本文将对物料在低代码领域中的思考和实践进行探究。
从零开始封装自己的自定义Vue组件
12-11
想要封装好一个自己的vue组件，一定要熟练掌握这三个技能 父组件 —> 子组件传值（props） 子组件 —> 父组件传值（$emit） 以及插槽（slot） 对于一个独立的组件来说 props是用来为组件内部注入核心的内容； $emit...
低代码第二篇 组件封装【表单组件】 图标组件
qq_14927159的博客
06-14 72
【代码】低代码第二篇 组件封装【表单组件】 图标组件。
循序渐进VUE+Element 前端应用开发(20）--- 使用组件封装简化界面代码
三分恶的博客
11-08 683
转载   原文作者：伍华聪    原文地址：https://www.cnblogs.com/wuhuacong/p/13650518.html 文章目录1、组件封装的需要2、界面组件的封装处理 VUE+Element 前端应用，比较不错的一点就是界面组件化，我们可以根据重用的指导方针，把界面内容拆分为各个不同的组合，每一个模块可以是一个组件，也可以是多个组件的综合体，而且这一个过程非常方便。组件封装的目的就是为了能够更加便捷、快速的进行业务功能的开发。组件（component）是vue的最强大功能之一.
低代码第二篇 组件封装【表单组件】 多行文本
qq_14927159的博客
06-14 57
【代码】低代码第二篇 组件封装【表单组件】 多行文本。
LowCodeEngine是阿里开源的一套企业级低代码
三年学说话，一生学闭嘴
04-13 3895
LowCodeEngine是阿里开源的一套面向扩展设计的企业级低代码技术体系，目前在在Github上已有4.7K+Star。这个项目大概是今年2月中旬开源的，两个月不到收获这么多Star，确实非常厉害！ LowCodeEngine主要具有如下特性： 提炼自企业级低代码平台的低代码引擎，奉行高度可扩展、最小内核、最强生态的设计理念； 部署简单，基本上就是开箱即用，拥有完善的物料体系、功能强大的设置器、丰富的插件等； 可视化编辑器具有完善的工具链，支持物料体系、设置器、插件等生态
# LowCode 低代码建表工具
不积跬步，无以至千里；不积小流，无以成江海
12-25 1561
数据库建模工具
低代码第二篇 组件封装【表单组件】 普通文本
qq_14927159的博客
05-10 94
【代码】低代码第二篇 组件封装【表单组件】 普通文本。
vue3低代码方案汇总
最新发布
qq_35374791的博客
05-19 269
综上所述，Vue3的低代码方案不仅包括了成熟的商业平台如JNPF，还有面向特定领域的数据可视化平台，以及灵活的自定义开发路径，为不同需求的开发者和团队提供了多样化的选择。Vue3作为新一代的前端框架，以其出色的性能和灵活性，成为构建低代码平台的优选技术之一。
vue自定义封装组件要注意什么
03-09
对于自定义封装组件，需要注意以下几点： 1. 组件的命名应该具有描述性，能够清晰地表达组件的作用和功能。 2. 组件的接口应该设计得简单易用，避免过于复杂的参数和方法。 3. 组件的样式应该与整个应用程序的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值