精通系列

Posted 2022-09-24 蓝盒子itbluebox

Vue3+TypeScript 实现自己搭建低代码平台【一篇文章精通系列】

• • 一、Vite创建Vue3 项目
  • 二、创建组件相关样式
  • • 1、创建data.json
    • 2、在Home.vue当中引入组件
    • 3、创建自定义组件（使用jsx）
    • 4、完善基本样式
  • 三、设置组件动态数据
  • • 1、父组件向子组件传递值
    • 2、设置动态数据
    • 3、使用组件替换
    • 4、在左侧物料区使用该组件
  • 四、实现拖拽功能
  • • 1、实现拖拽等一系列功能
    • 2、设置鼠标释放居中显示
    • 3、实现焦点聚焦到画布组件当中
    • 4、完善拖拽组件
  • 五、源代码地址：[https://gitee.com