代码拉取完成,页面将自动刷新
Mojito是一个低代码,可视化,可扩展开发平台
http://mojito.drinkjs.com/public/mojito-antd@1.0.0/mojito-pack.json
http://mojito.drinkjs.com/public/mojito-echarts@1.0.0/mojito-pack.json
http://mojito.drinkjs.com/public/mojito-element@1.0.0/mojito-pack.json
https://github.com/drinkjs/mojito-server
https://gitee.com/drinkjs/mojito-server
npx create-mojito-pack
定义组件
<template>
<div>{{ text }}</div>
</template>
<script lang="ts">
import { CreatePack } from "@drinkjs/mojito-vue-pack";
import { defineComponent } from "vue";
// 常规vue组件定义
const Text = defineComponent({
props: {
text: String,
},
});
export default Text;
// 定义Mojito组件
export const PackText = CreatePack(Text, {
name: "文本", // 组件的名称
category: "基础组件", // 组件分类
// 组件props定义
props: {
text: { // 对应vue中props中的定义
name: "文字", // 属性名称
type: "string", // 属性类型
default: "这里显示文本...", // 默认值
},
... // 更多属性
},
});
</script>
编译组件库
mojito build
平台添加组件库
https://github.com/drinkjs/mojito-pack
http://mojito.drinkjs.com/document
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。