her-lcp

介绍

低代码vue插件，支持vue2（已支持）、vue3（后续版本支持）。

安装

pnpm i her-lcp

使用（Vue2）

基础用法

项目main.js

import HerLcp from 'her-lcp'
import Vue from 'vue'

HerLcp.init(Vue)

页面vue

import HerLcp from 'her-lcp'

export default {
  data() {
    return {
      nodeList: []
    }
  },
  render(createElement) {
    return HerLcp.renderV2(createElement, this.nodeList)
  }
}

使用第三方组件

现支持Element-UI

项目main.js

import HerLcp from 'her-lcp'
import Vue from 'vue'
import ElementUI from 'element-ui'

HerLcp.init(Vue, {
  components: {
    elementUI: ElementUI
  }
})

页面vue

import HerLcp from 'her-lcp'

export default {
  data() {
    return {
      nodeList: [{
        labelName: 'ElButton',
        innerText: '你好',
        props: {
          type: 'primary'
        }
      }]
    }
  },
  render(createElement) {
    return HerLcp.renderV2(createElement, this.nodeList)
  }
}