在一些特殊的场景中（比如低代码、减少小程序包体积、类似于APP的热更新），我们需要从服务端动态加载.vue文件，然后将动态加载的远程vue组件渲染到我们的项目中。

在开发企业级低代码平台会有这样一种场景，平台内置的组件不能满足客户的需求，客户希望能够自定义组件，但是我们源码不能给客户，这时候就需要一种方案加载客户自定义的组件。

主要介绍了AST（Abstract Syntax Tree，抽象语法树）的一些基础知识。使用babel对js代码进行转换、遍历、修改后重新生成目标代码。对于理解常见的一些工具和插件有一些帮助。

OpenTiny 子项目低代码引擎 TinyEngine 于华为全联结大会正式发布，提供了低代码底层能力，并集成人工智能，使用户能够高效开发。

🌈介绍 基于 vue3.x + CompositionAPI + typescript + vite 的可拖拽、缩放、旋转的组件 拖拽&区域拖拽 支持缩放 旋转 网格拖拽缩放 在线示例 源码地址 这节

🌈介绍 基于 vue3.x + CompositionAPI + typescript + vite 的可拖拽、缩放、旋转的组件 拖拽&区域拖拽 支持缩放 旋转 网格拖拽缩放 在线示例 源码地址 这节

🌈介绍 基于 vue3.x + CompositionAPI + typescript + vite 的可拖拽、缩放、旋转的组件 拖拽&区域拖拽 支持缩放 旋转 目标效果 源码地址 拖拽&区域拖拽 虽

可拖拽画布是低代码平台的核心组成之一，来看看京东水滴低代码团队是如何设计并实现，并提供用户灵活易用的画布吧~

看完本文你将学习到如下知识： 远程组件定义 UMD 模块规范 远程组件加载方案实现思路和细节 systemjs 中 System.import 的丐版实现 JS 沙箱能力丐版实现