This is a Lowcode Engine demo based on Vue. You can experience the following versions online:
Note: As the Vue 2.7 version is currently not open-source, only URL access is provided.
- Vue 3: https://lowcode-engine-demo-vue.vercel.app/
- Vue 2.7: https://lowcode-engine-demo-vue2-7.vercel.app/
- Vue 2.7 Examples: https://lowcode-engine-demo-vue2-7-examples.vercel.app/
run the development server:
Recommended versions:
- node
^v16.14.0 - pnpm
^8.15.4
pnpm install
pnpm run devOpen http://localhost:5577 with your browser to see the result.
When using variables:
this.props.xxx->this.xxxthis.state.xxx->this.xxx
At present, the vue code editor has not been adapted yet. You can directly edit the code using the react code editor.
- The content within
statewill automatically convert to vuedata. - Lifecycle events will automatically adapt to vue lifecycle.
componentDidMount->onMountedcomponentDidCatch->onErrorCapturedshouldComponentUpdate->onBeforeUpdatecomponentWillUnmount->onBeforeUnmount
- All other methods will automatically convert to vue
methods.
Code built with the help of these related projects:
- @alib/build-scripts for development and build.
- @alilc/lowcode-plugin-components-pane Lowcode Plugin Component Panel
- @alilc/lowcode-plugin-datasource-pane Datasource Panel Plugin
- @alilc/lowcode-plugin-inject In-project Debugging Plugin
- @alilc/lowcode-plugin-schema View Lowcode Engine Schema
- @alilc/lowcode-plugin-set-ref-prop Ability to Set ref-id in the Advanced Settings Panel
- @alilc/lowcode-plugin-simulator-select Canvas Switching
- @alilc/lowcode-plugin-undo-redo Lowcode Plugin Undo and Redo
- @alilc/lowcode-types Type Definitions
- @knxcloud/lowcode-plugin-vue-code-editor Vue Code Editor
- @knxcloud/lowcode-utils Utility Library for @knxcloud Packages
- @knxcloud/lowcode-vue-renderer Vue Renderer
- @knxcloud/lowcode-vue-simulator-renderer Vue Simulator Renderer
- @cdlab996/lowcode-plugin-manual Lowcode Plugin Manual (Due to the official plugins not supporting URL configuration, it has been separated)
- @cdlab996/lowcode-engine-ext-vue Adapting Vue Setters
- @cdlab996/plugin-directive-loading Vue Custom Directive
- @cdlab996/lowcode-plugin-set-doc-url Lowcode Plugin Component material new documentation address
- @cdlab996/antd-lowcode-materials Ant Design Vue Materials
- @cdlab996/element-plus-lowcode-materials Element Plus Materials
- @cdlab996/vant-lowcode-materials Vant Materials