Vue根据鼠标位置为中心实现滚轮缩放

下面是一个完整的示例，使用 Vue 3 组合式 API 实现该功能：

Vue递归拖拽与动态展示组件3

以下是具体的实现步骤和代码片段，仅包含需要增加或修改的部分。

Vue递归拖拽与动态展示组件2

在顶层组件和需要预定义子组件放置位置的组件中，增加 position 属性和 slots 数组，以便管理网格位置和子组件的放置槽位。

Vue递归拖拽与动态展示组件

为了支持嵌套和灵活的增删改查操作，推荐使用树形数据结构。每个节点代表一个组件，包含自身的属性和一个子节点数组。

如何在Vue3中使用Bulma框架

Vue3 app whit Bulma CSS framework有时候需要自己创建一个不那么丑的网站，前端的世界纷繁复杂，Vue 和 Bulma 的组合也许能拯救你。个人觉得二者都简单易用，Bulma UI 看起来不赖，社区也不错，出了问题还能搜索自救。下面这个教程展示了如何在一个新建的 Vue3 项目中使用 Bulma。