1. 全部課程

課程名稱：Vue.js 進擊實戰：拖拽表單設計器培訓

4401 人關注
（78637/99817）
課程大綱：

Vue.js 進擊實戰：拖拽表單設計器培訓

 

 

課程使用現在流行的 Vue.js 和 ElementUI 從零開始開發一個可拖拽的表單設計器，項目使用Vue CLI 3 搭建，

從中學習到如何快速創建一個Vue項目，如何實現拖拽，Vue組件封裝，Vue高級特性用法，如何打包發布項目到NPM上。

1 Vue Cli 3 使用

2 設計器布局

3 VueDevtools 使用

4 表單、字段屬性配置

5 構建生成表單數據

6 綁定動態數據

7 vuedraggable 拖拽組件使用

8 表單對象設置

9 編輯區組件封裝

10 Vue 組件對象傳遞與 sync 修飾符

11 表單數據校驗

12 打包發布

1
項目搭建

1.vuecli30 2.elementui

2
vuedraggable 拖拽組件

1.vuedraggable拖拽組件使用

3
開始表單設計器

1.設計器布局

2.表單對象設置

3.VueDevtools使用

4.編輯區組件封裝

4
屬性配置

1.表單屬性配置

2.字段屬性配置

3.Vue組件對象傳遞

4.sync修飾符

5
實現表單渲染

1.獲取表單配置的對象

2.構建表單model

3.生成表單數據

6
表單驗證

1.表單數據校驗

2.正則表達式校驗

7
綁定后端數據

1.綁定動態數據

8
打包發布

1.打包設計器

2.發布npm

a日韩av网址