日韩三级在线_国产精品3区_亚洲精品a_成人网页_国产成人精品久久_国产精品国产精品国产专区不片

課程大綱：

Vue.js 進(jìn)擊實(shí)戰(zhàn)：拖拽表單設(shè)計(jì)器培訓(xùn)

課程使用現(xiàn)在流行的 Vue.js 和 ElementUI 從零開始開發(fā)一個可拖拽的表單設(shè)計(jì)器，項(xiàng)目使用Vue CLI 3 搭建，

從中學(xué)習(xí)到如何快速創(chuàng)建一個Vue項(xiàng)目，如何實(shí)現(xiàn)拖拽，Vue組件封裝，Vue高級特性用法，如何打包發(fā)布項(xiàng)目到NPM上。

1 Vue Cli 3 使用

2 設(shè)計(jì)器布局

3 VueDevtools 使用

4 表單、字段屬性配置

5 構(gòu)建生成表單數(shù)據(jù)

6 綁定動態(tài)數(shù)據(jù)

7 vuedraggable 拖拽組件使用

8 表單對象設(shè)置

9 編輯區(qū)組件封裝

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

11 表單數(shù)據(jù)校驗(yàn)

12 打包發(fā)布

1
項(xiàng)目搭建

1.vuecli30 2.elementui

2
vuedraggable 拖拽組件

1.vuedraggable拖拽組件使用

3
開始表單設(shè)計(jì)器

1.設(shè)計(jì)器布局

2.表單對象設(shè)置

3.VueDevtools使用

4.編輯區(qū)組件封裝

4
屬性配置

1.表單屬性配置

2.字段屬性配置

3.Vue組件對象傳遞

4.sync修飾符

5
實(shí)現(xiàn)表單渲染

1.獲取表單配置的對象

2.構(gòu)建表單model

3.生成表單數(shù)據(jù)

6
表單驗(yàn)證

1.表單數(shù)據(jù)校驗(yàn)

2.正則表達(dá)式校驗(yàn)

7
綁定后端數(shù)據(jù)

1.綁定動態(tài)數(shù)據(jù)

8
打包發(fā)布

1.打包設(shè)計(jì)器

2.發(fā)布npm