- Vue Cli 3 使用
- 设计器布局
- VueDevtools 使用
- 表单、字段属性配置
- 构建生成表单数据
- 绑定动态数据
- vuedraggable 拖拽组件使用
- 表单对象设置
- 编辑区组件封装
- Vue 组件对象传递与 sync 修饰符
- 表单数据校验
- 打包发布
本课程使用现在流行的 Vue.js 和 ElementUI 从零开始开发一个可拖拽的表单设计器,项目使用Vue CLI 3 搭建,你可以从中学习到如何快速创建一个Vue项目,如何实现拖拽,Vue组件封装,Vue高级特性用法,如何打包发布项目到NPM上等众多干货。课程讨论答疑群:746805364
本课程使用现在流行的 Vue.js 和 ElementUI 从零开始开发一个可拖拽的表单设计器,项目使用 Vue CLI 3 搭建,课程讲述了如何快速创建一个 Vue 项目,如何实现拖拽,Vue 组件封装,Vue 高级特性用法,如何打包发布项目到 NPM 上等众多干货。通过详细的例子,由浅入深,一步一步的实现拖拽表单设计器。
组件属性编辑
表单校验
获取表单数据
gavin 共发布过 1 门课程
某科技公司高级前端工程师,丰富的项目实战经验,vue-form-making表单设计器作者,GitHub开源社区贡献者。github:https://github.com/GavinZhuLei
查看老师的所有课程 >
实验步骤挺详细的,按照实验能把项目做出来,挺不错的,对vue组件化开发有进一步的了解。
对Vue组件封装的知识和技巧有了很大的提升,课程循序渐进,vue基础不是很好,也能跟着步骤看懂。课程太短还没学够就完了,整体来说没有不友好的地方。
环境无法搭建 !!
项目无法运行!!!!!!!
安装基础环境
环境无法搭建
draggable,的拖拽效果简单明了容易实现。
哈哈
还能跟得上
并没有想象中的优雅,特别是属性绑定和事件处理,没有提及
14
13
12
1
1