教案編號(hào)1學(xué)時(shí)2上課班級(jí)執(zhí)行時(shí)間授課題目VSCode編輯器教學(xué)方法教師先操作演示講解實(shí)例中的知識(shí)點(diǎn)，實(shí)例由淺入深。后讓學(xué)生上機(jī)驗(yàn)證。再課堂綜合練習(xí)。教學(xué)目的及要求掌握VSCode編輯器的使用。教學(xué)重點(diǎn)、難點(diǎn)掌握VSCode編輯器的使用。教學(xué)資源范例及素材見(jiàn)“素材“文件夾教學(xué)內(nèi)容與過(guò)程一、導(dǎo)入新課導(dǎo)入新課：介紹常用的編輯器，引入學(xué)習(xí)VSCode編輯器的使用。二、新課教學(xué)內(nèi)容(操作演示講授)1、下載及安裝VSCode2、VSCode的界面介紹3、插件的獲取及安裝4、前端開(kāi)發(fā)常用插件5、VSCode常用快捷操作三、課堂訓(xùn)練1、安裝VSCode。2、漢化操作界面。3、安裝前端開(kāi)發(fā)常用插件四、課堂小結(jié)五、布置作業(yè)在傳智教育.高校教輔平臺(tái)上注冊(cè)，并加入課堂/7-8班課堂序列號(hào)：29407c9-10班課堂序列號(hào)：29408g11-12-15班課堂序列號(hào)：29409d13-14-16班課堂序列號(hào)：29410f教學(xué)反思

教案編號(hào)2學(xué)時(shí)2上課班級(jí)執(zhí)行時(shí)間授課題目ES6語(yǔ)法（1）教學(xué)方法教師先操作演示講解實(shí)例中的知識(shí)點(diǎn)，實(shí)例由淺入深。后讓學(xué)生上機(jī)驗(yàn)證。再課堂綜合練習(xí)。教學(xué)目的及要求1、掌握l(shuí)et定義變量。2、掌握變量的解構(gòu)賦值3、掌握rest參數(shù)4、掌握箭頭函數(shù)定義和使用教學(xué)重點(diǎn)、難點(diǎn)掌握變量的解構(gòu)賦值、箭頭函數(shù)定義和使用。教學(xué)資源范例及素材見(jiàn)“素材“文件夾教學(xué)內(nèi)容與過(guò)程一、復(fù)習(xí)二、新課教學(xué)內(nèi)容(操作演示講授)1、變量、常量聲明2、變量的解構(gòu)賦值3、rest參數(shù)4、箭頭函數(shù)三、課堂訓(xùn)練1、上機(jī)訓(xùn)練1-let命令使用。2、上機(jī)訓(xùn)練2-對(duì)象的解構(gòu)賦值使用。教師巡堂指導(dǎo)。四、課堂小結(jié)五、布置作業(yè)使用傳智播客.高校教輔平臺(tái)下發(fā)課作業(yè)。教學(xué)反思

教案編號(hào)3學(xué)時(shí)2上課班級(jí)執(zhí)行時(shí)間授課題目ES6語(yǔ)法（2）教學(xué)方法教師先操作演示講解實(shí)例中的知識(shí)點(diǎn)，實(shí)例由淺入深。后讓學(xué)生上機(jī)驗(yàn)證。再課堂綜合練習(xí)。教學(xué)目的及要求1、掌握模板字符串2、了解Module的語(yǔ)法3、了解Promise的基本用法教學(xué)重點(diǎn)、難點(diǎn)重點(diǎn)掌握模板字符串；難點(diǎn)：Promise的基本用法。教學(xué)資源范例及素材見(jiàn)“素材“文件夾教學(xué)內(nèi)容與過(guò)程一、復(fù)習(xí)導(dǎo)入新課復(fù)習(xí)：上次課的內(nèi)容。導(dǎo)入新課：ES6.0語(yǔ)法的學(xué)習(xí)二、新課教學(xué)內(nèi)容(操作演示講授)1、模板字符串2、Module的語(yǔ)法3、Promise的基本用法三、課堂訓(xùn)練上機(jī)訓(xùn)練-使用timeout方法返回一個(gè)Promise實(shí)例，教師巡堂指導(dǎo)。四、課堂小結(jié)五、布置作業(yè)使用傳智播客.高校教輔平臺(tái)下發(fā)課后作業(yè)。教學(xué)反思

教案編號(hào)4學(xué)時(shí)2上課班級(jí)執(zhí)行時(shí)間授課題目Vue入門（1）教學(xué)方法教師先操作演示講解實(shí)例中的知識(shí)點(diǎn)，實(shí)例由淺入深。后讓學(xué)生上機(jī)驗(yàn)證。再課堂綜合練習(xí)。教學(xué)目的及要求1、掌握Vue的核心設(shè)計(jì)思想。2、掌握Vue開(kāi)發(fā)的步驟。教學(xué)重點(diǎn)、難點(diǎn)Vue的核心設(shè)計(jì)思想、使用Vue開(kāi)發(fā)開(kāi)發(fā)步驟教學(xué)資源范例及素材見(jiàn)“素材“文件夾教學(xué)內(nèi)容與過(guò)程一、復(fù)習(xí)二、新課教學(xué)內(nèi)容(操作演示講授)1、Vue框架的優(yōu)點(diǎn)2、Vue高效開(kāi)發(fā)示例分析3、Vue是如何實(shí)現(xiàn)數(shù)據(jù)驅(qū)動(dòng)的（MVVM開(kāi)發(fā)模式）4、下載及安裝Vue5、使用Vue開(kāi)發(fā)三、課堂訓(xùn)練上機(jī)訓(xùn)練-下載及安裝Vue，用VUE實(shí)現(xiàn)在計(jì)數(shù)的小應(yīng)用，教師巡堂指導(dǎo)。四、課堂小結(jié)五、布置作業(yè)使用傳智播客.高校教輔平臺(tái)下發(fā)課后作業(yè)。教學(xué)反思

教案編號(hào)5學(xué)時(shí)2上課班級(jí)執(zhí)行時(shí)間授課題目Vue入門（2）教學(xué)方法教師先操作演示講解實(shí)例中的知識(shí)點(diǎn)，實(shí)例由淺入深。后讓學(xué)生上機(jī)驗(yàn)證。再課堂綜合練習(xí)。教學(xué)目的及要求掌握Vue開(kāi)發(fā)和調(diào)試工具的使用教學(xué)重點(diǎn)、難點(diǎn)掌握Vue開(kāi)發(fā)和調(diào)試工具的使用教學(xué)資源范例及素材見(jiàn)“素材“文件夾教學(xué)內(nèi)容與過(guò)程一、復(fù)習(xí)復(fù)習(xí)MVVM開(kāi)發(fā)模式。二、新課教學(xué)內(nèi)容(操作演示講授)1、Vue開(kāi)發(fā)計(jì)數(shù)的小應(yīng)用。2、安裝和使用調(diào)試工具的使用三、課堂訓(xùn)練上機(jī)訓(xùn)練：上機(jī)完成教材第三章示例，教師巡堂指導(dǎo)。四、課堂小結(jié)五、布置作業(yè)使用傳智播客.高校教輔平臺(tái)下發(fā)課后作業(yè)。教學(xué)反思

教案編號(hào)6學(xué)時(shí)2上課班級(jí)執(zhí)行時(shí)間授課題目Vue指令（1）數(shù)據(jù)綁定教學(xué)方法教師先操作演示講解實(shí)例中的知識(shí)點(diǎn)，實(shí)例由淺入深。后讓學(xué)生上機(jī)驗(yàn)證。再課堂綜合練習(xí)。教學(xué)目的及要求掌握Vue數(shù)據(jù)與頁(yè)面綁定的指令，條件與列表渲染。教學(xué)重點(diǎn)、難點(diǎn)掌握條件與列表渲染教學(xué)資源范例及素材見(jiàn)“素材“文件夾教學(xué)內(nèi)容與過(guò)程一、復(fù)習(xí)導(dǎo)入新課復(fù)習(xí)使用Vue開(kāi)發(fā)的步驟，MVVM開(kāi)發(fā)模式。二、教學(xué)內(nèi)容(操作演示)1、文本節(jié)點(diǎn)綁定指令2、屬性節(jié)點(diǎn)綁定3、樣式綁定4、條件渲染5、列表渲染6、v-pre指令和v-once指令三、學(xué)生上機(jī)操作學(xué)生上機(jī)操作練習(xí)課本上的示例，教師巡堂指導(dǎo)。四、課堂小結(jié)五、布置作業(yè)使用傳智播客.高校教輔平臺(tái)下發(fā)課后作業(yè)。教學(xué)反思

教案編號(hào)7學(xué)時(shí)2上課班級(jí)執(zhí)行時(shí)間授課題目Vue指令（2）--數(shù)據(jù)雙向綁定教學(xué)方法教師先操作演示講解實(shí)例中的知識(shí)點(diǎn)，實(shí)例由淺入深。后讓學(xué)生上機(jī)驗(yàn)證。再課堂綜合練習(xí)。教學(xué)目的及要求掌握v-model指令的功能和使用方法，掌握頁(yè)面各種表單控制與Vue數(shù)據(jù)綁定教學(xué)重點(diǎn)、難點(diǎn)掌握頁(yè)面各種表單控制與Vue數(shù)據(jù)綁定教學(xué)資源范例及素材見(jiàn)“素材“文件夾教學(xué)內(nèi)容與過(guò)程一、復(fù)習(xí)導(dǎo)入新課復(fù)習(xí)上次課的內(nèi)容。二、教學(xué)內(nèi)容(操作演示)1、input和textarea元素2、radio和checkbox元素3、select元素4、雙向綁定修飾符三、學(xué)生上機(jī)操作學(xué)生上機(jī)操作練習(xí)課本上的示例，教師巡堂指導(dǎo)。四、課堂小結(jié)五、布置作業(yè)使用傳智播客.高校教輔平臺(tái)下發(fā)課后作業(yè)。教學(xué)反思

教案編號(hào)8學(xué)時(shí)2上課班級(jí)執(zhí)行時(shí)間授課題目Vue指令（3）--事件綁定教學(xué)方法教師先操作演示講解實(shí)例中的知識(shí)點(diǎn)，實(shí)例由淺入深。后讓學(xué)生上機(jī)驗(yàn)證。再課堂綜合練習(xí)。教學(xué)目的及要求掌握v-on指令的功能和使用方法，掌握事件修飾符的意義及應(yīng)用場(chǎng)景。教學(xué)重點(diǎn)、難點(diǎn)掌握事件修飾符的意義及應(yīng)用場(chǎng)景。教學(xué)資源范例及素材見(jiàn)“素材“文件夾教學(xué)內(nèi)容與過(guò)程一、復(fù)習(xí)導(dǎo)入新課復(fù)習(xí)上次課的內(nèi)容。二、教學(xué)內(nèi)容(操作演示)1、監(jiān)聽(tīng)事件2、事件修飾符三、學(xué)生上機(jī)操作學(xué)生上機(jī)操作練習(xí)課本上的示例，教師巡堂指導(dǎo)。四、課堂小結(jié)五、布置作業(yè)使用傳智播客.高校教輔平臺(tái)下發(fā)課后作業(yè)。教學(xué)反思

教案編號(hào)9學(xué)時(shí)2上課班級(jí)執(zhí)行時(shí)間授課題目Vue實(shí)例對(duì)象（1）教學(xué)方法教師先操作演示講解實(shí)例中的知識(shí)點(diǎn)，實(shí)例由淺入深。后讓學(xué)生上機(jī)驗(yàn)證。再課堂綜合練習(xí)。教學(xué)目的及要求1、掌握配置對(duì)象常用的配置選項(xiàng)。2、掌握Vue實(shí)例生命周期。教學(xué)重點(diǎn)、難點(diǎn)掌握配置對(duì)象常用的配置選項(xiàng)、掌握Vue實(shí)例生命周期教學(xué)資源范例及素材見(jiàn)“素材“文件夾教學(xué)內(nèi)容與過(guò)程一、復(fù)習(xí)二、新課教學(xué)內(nèi)容(操作演示講授)1、配置對(duì)象常用的配置選項(xiàng)(1)methods方法(2)計(jì)算屬性computed(3)watch偵聽(tīng)器(4)過(guò)濾器filters2、Vue實(shí)例生命周期(1)Vue實(shí)例生命周期各階段(2)Vue實(shí)例生命周期狀態(tài)與鉤子函數(shù)示例三、課堂訓(xùn)練學(xué)生上機(jī)操作練習(xí)課本上的示例，教師巡堂指導(dǎo)。四、課堂小結(jié)五、布置作業(yè)使用傳智播客.高校教輔平臺(tái)下發(fā)課后作業(yè)。教學(xué)反思

教案編號(hào)10學(xué)時(shí)2上課班級(jí)執(zhí)行時(shí)間授課題目Vue實(shí)例對(duì)象（2）教學(xué)方法教師先操作演示講解實(shí)例中的知識(shí)點(diǎn)，實(shí)例由淺入深。后讓學(xué)生上機(jī)驗(yàn)證。再課堂綜合練習(xí)。教學(xué)目的及要求掌握常用的Vue實(shí)例屬性、和方法。教學(xué)重點(diǎn)、難點(diǎn)掌握常用的Vue實(shí)例屬性、和方法。教學(xué)資源范例及素材見(jiàn)“素材“文件夾教學(xué)內(nèi)容與過(guò)程一、復(fù)習(xí)二、新課教學(xué)內(nèi)容(操作演示講授)1、常用的Vue實(shí)例屬性2、常用的Vue實(shí)例方法（1）實(shí)例方法/數(shù)據(jù)（2）實(shí)例方法/事件（3）實(shí)例方法/生命周期三、課堂訓(xùn)練學(xué)生上機(jī)操作練習(xí)課本上的示例，教師巡堂指導(dǎo)。四、課堂小結(jié)五、布置作業(yè)使用傳智播客.高校教輔平臺(tái)下發(fā)課后作業(yè)。教學(xué)反思

教案編號(hào)11學(xué)時(shí)2上課班級(jí)執(zhí)行時(shí)間授課題目Vue組件（1）組件定義及調(diào)用教學(xué)方法教師先操作演示講解實(shí)例中的知識(shí)點(diǎn)，實(shí)例由淺入深。后讓學(xué)生上機(jī)驗(yàn)證。再課堂綜合練習(xí)。教學(xué)目的及要求掌握Vue組件的意義及組件的定義和調(diào)用。教學(xué)重點(diǎn)、難點(diǎn)掌握Vue組件的意義及組件的定義和調(diào)用。教學(xué)資源范例及素材見(jiàn)“素材“文件夾教學(xué)內(nèi)容與過(guò)程一、復(fù)習(xí)導(dǎo)入新課復(fù)習(xí)上次課的內(nèi)容。二、教學(xué)內(nèi)容(操作演示)1、Vue組件2、組件定義及調(diào)用（1）全局組件的定義及調(diào)用（2）局部組件的定義及調(diào)用三、學(xué)生上機(jī)操作學(xué)生上機(jī)操作練習(xí)課本上的示例，教師巡堂指導(dǎo)。四、課堂小結(jié)五、布置作業(yè)復(fù)習(xí)本次課的知識(shí)點(diǎn)，課堂練習(xí)沒(méi)有完成的，課后接著完成。教學(xué)反思

教案編號(hào)12學(xué)時(shí)2上課班級(jí)執(zhí)行時(shí)間授課題目Vue組件（2）--組件之間的通訊教學(xué)方法教師先操作演示講解實(shí)例中的知識(shí)點(diǎn)，實(shí)例由淺入深。后讓學(xué)生上機(jī)驗(yàn)證。再課堂綜合練習(xí)。教學(xué)目的及要求掌握組件的層級(jí)關(guān)系，掌握組件之間的通訊的方法。教學(xué)重點(diǎn)、難點(diǎn)掌握組件之間的通訊的方法。教學(xué)資源范例及素材見(jiàn)“素材“文件夾教學(xué)內(nèi)容與過(guò)程一、復(fù)習(xí)導(dǎo)入新課復(fù)習(xí)上次課的內(nèi)容。二、教學(xué)內(nèi)容(操作演示)1、組件的層級(jí)關(guān)系2、組件之間的通訊（1）父組件傳遞數(shù)據(jù)給子組件（2）子組件傳遞數(shù)據(jù)給父組件（3）兄弟之間的數(shù)據(jù)傳遞三、學(xué)生上機(jī)操作學(xué)生上機(jī)操作練習(xí)課本上的示例，教師巡堂指導(dǎo)。四、課堂小結(jié)五、布置作業(yè)使用傳智播客.高校教輔平臺(tái)下發(fā)課后作業(yè)。教學(xué)反思

教案編號(hào)13學(xué)時(shí)2上課班級(jí)執(zhí)行時(shí)間授課題目Vue過(guò)渡與動(dòng)畫（1）教學(xué)方法教師先操作演示講解實(shí)例中的知識(shí)點(diǎn)，實(shí)例由淺入深。后讓學(xué)生上機(jī)驗(yàn)證。再課堂綜合練習(xí)。教學(xué)目的及要求掌握transition組件、使用transition組件制作過(guò)渡動(dòng)畫。教學(xué)重點(diǎn)、難點(diǎn)握transition組件、使用transition組件制作過(guò)渡動(dòng)動(dòng)。教學(xué)資源范例及素材見(jiàn)“素材“文件夾教學(xué)內(nèi)容與過(guò)程一、復(fù)習(xí)二、新課教學(xué)內(nèi)容(操作演示講授)1、transition組件2、transition組件應(yīng)用CSS過(guò)渡制作過(guò)渡動(dòng)畫（1）單元素/組件過(guò)渡（2）多個(gè)元素過(guò)渡（3）多個(gè)組件過(guò)渡（4）列表過(guò)渡三、課堂訓(xùn)練學(xué)生上機(jī)操作練習(xí)課本上的示例，教師巡堂指導(dǎo)。四、課堂小結(jié)五、布置作業(yè)使用傳智播客.高校教輔平臺(tái)下發(fā)課后作業(yè)。教學(xué)反思

教案編號(hào)14學(xué)時(shí)2上課班級(jí)執(zhí)行時(shí)間授課題目Vue過(guò)渡與動(dòng)畫（2）教學(xué)方法教師先操作演示講解實(shí)例中的知識(shí)點(diǎn)，實(shí)例由淺入深。后讓學(xué)生上機(jī)驗(yàn)證。再課堂綜合練習(xí).教學(xué)目的及要求了解JavaScript鉤子及使用鉤子制作動(dòng)畫。掌握CSS動(dòng)畫。教學(xué)重點(diǎn)、難點(diǎn)難點(diǎn)：JavaScript鉤子及使用鉤子制作動(dòng)畫教學(xué)資源范例及素材見(jiàn)“素材“文件夾教學(xué)內(nèi)容與過(guò)程一、復(fù)習(xí)二、新課教學(xué)內(nèi)容(操作演示講授)1、JavaScript鉤子2、CSS動(dòng)畫三、課堂訓(xùn)練學(xué)生上機(jī)操作練習(xí)課本上的示例，教師巡堂指導(dǎo)。四、課堂小結(jié)五、布置作業(yè)使用傳智播客.高校教輔平臺(tái)下發(fā)課后作業(yè)。教學(xué)反思

教案編號(hào)15學(xué)時(shí)2上課班級(jí)執(zhí)行時(shí)間授課題目Vue路由（1）VueRouter安裝和基本用法教學(xué)方法教師先操作演示講解實(shí)例中的知識(shí)點(diǎn)，實(shí)例由淺入深。后讓學(xué)生上機(jī)驗(yàn)證。再課堂綜合練習(xí)。教學(xué)目的及要求掌握Vue路由的作用、及路由的基本用法。教學(xué)重點(diǎn)、難點(diǎn)路由的基本用法。教學(xué)資源范例及素材見(jiàn)“素材“文件夾教學(xué)內(nèi)容與過(guò)程一、復(fù)習(xí)導(dǎo)入新課復(fù)習(xí)上次課的內(nèi)容。二、教學(xué)內(nèi)容(操作演示)1、安裝VueRouter2、VueRoute基本用法3、設(shè)置路由被激活的鏈接樣式4、設(shè)置路由切換過(guò)渡動(dòng)畫三、學(xué)生上機(jī)操作學(xué)生上機(jī)操作練習(xí)課本上的示例，教師巡堂指導(dǎo)。四、課堂小結(jié)五、布置作業(yè)復(fù)習(xí)本次課的知識(shí)點(diǎn)。教學(xué)反思

教案編號(hào)16學(xué)時(shí)2上課班級(jí)執(zhí)行時(shí)間授課題目Vue路由（2）教學(xué)方法教師先操作演示講解實(shí)例中的知識(shí)點(diǎn)，實(shí)例由淺入深。后讓學(xué)生上機(jī)驗(yàn)證。再課堂綜合練習(xí)。教學(xué)目的及要求掌握嵌套路由、命名路由、路由別名教學(xué)重點(diǎn)、難點(diǎn)掌握嵌套路由教學(xué)資源范例及素材見(jiàn)“素材“文件夾教學(xué)內(nèi)容與過(guò)程一、復(fù)習(xí)導(dǎo)入新課復(fù)習(xí)上次課的內(nèi)容。二、實(shí)驗(yàn)內(nèi)容(操作演示)1、嵌套路由2、命名路由3、路由別名三、學(xué)生上機(jī)操作學(xué)生上機(jī)操作練習(xí)課本上的示例，教師巡堂指導(dǎo)。四、課堂小結(jié)五、布置作業(yè)復(fù)習(xí)本次課的知識(shí)點(diǎn)。教學(xué)反思

教案編號(hào)17學(xué)時(shí)2上課班級(jí)執(zhí)行時(shí)間授課題目Vue路由（3）教學(xué)方法教師先操作演示講解實(shí)例中的知識(shí)點(diǎn)，實(shí)例由淺入深。后讓學(xué)生上機(jī)驗(yàn)證。再課堂綜合練習(xí)。教學(xué)目的及要求掌握路由重定向、命名視圖、路由傳遞參數(shù)、路由對(duì)象的使用教學(xué)重點(diǎn)、難點(diǎn)理解掌握路由對(duì)象、路由參數(shù)傳遞教學(xué)資源范例及素材見(jiàn)“素材“文件夾教學(xué)內(nèi)容與過(guò)程一、復(fù)習(xí)導(dǎo)入新課復(fù)習(xí)上次課的內(nèi)容。二、教學(xué)內(nèi)容(操作演示)1、路由重定向2、命名視圖3、路由傳遞參數(shù)（1）路由對(duì)象（2）路由傳遞參數(shù)（3）查詢字符串傳遞參數(shù)三、學(xué)生上機(jī)操作學(xué)生上機(jī)操作練習(xí)課本上的示例，教師巡堂指導(dǎo)。四、課堂小結(jié)五、布置作業(yè)復(fù)習(xí)本次課的知識(shí)點(diǎn)。教學(xué)反思

教案編號(hào)18學(xué)時(shí)2上課班級(jí)執(zhí)行時(shí)間授課題目Vue路由（4）教學(xué)方法教師先操作演示講解實(shí)例中的知識(shí)點(diǎn)，實(shí)例由淺入深。后讓學(xué)生上機(jī)驗(yàn)證。再課堂綜合練習(xí)。教學(xué)目的及要求掌握路由實(shí)例及路由的使用，編程導(dǎo)航在實(shí)際開(kāi)發(fā)上的應(yīng)用教學(xué)重點(diǎn)、難點(diǎn)掌握路由實(shí)例及路由的使用，編程導(dǎo)航在實(shí)際開(kāi)發(fā)上的應(yīng)用教學(xué)資源范例及素材見(jiàn)“素材“文件夾教學(xué)內(nèi)容與過(guò)程一、復(fù)習(xí)導(dǎo)入新課復(fù)習(xí)上次課的內(nèi)容。二、教學(xué)內(nèi)容(操作演示)1、路由實(shí)例及方法2、編程式的導(dǎo)航實(shí)例三、學(xué)生上機(jī)操作學(xué)生上機(jī)操作練習(xí)課本上的示例，教師巡堂指導(dǎo)。四、課堂小結(jié)五、布置作業(yè)使用傳智播客.高校教輔平臺(tái)下發(fā)課后作業(yè)。教學(xué)反思

教案編號(hào)19學(xué)時(shí)2上課班級(jí)執(zhí)行時(shí)間授課題目VueCli腳手架（1）教學(xué)方法教師先操作演示講解實(shí)例中的知識(shí)點(diǎn)，實(shí)例由淺入深。后讓學(xué)生上機(jī)驗(yàn)證。再課堂綜合練習(xí)。教學(xué)目的及要求掌握搭建VueCLI開(kāi)發(fā)環(huán)境、使用vue-cli創(chuàng)建項(xiàng)目的步驟。教學(xué)重點(diǎn)、難點(diǎn)使用vue-cli創(chuàng)建項(xiàng)目的步驟教學(xué)資源范例及素材見(jiàn)“素材“文件夾教學(xué)內(nèi)容與過(guò)程一、復(fù)習(xí)導(dǎo)入新課復(fù)習(xí)上次課的內(nèi)容。二、教學(xué)內(nèi)容(操作演示)1、搭建VueCLI開(kāi)發(fā)環(huán)境（1）安裝node.js（2）安裝VueCli腳手架構(gòu)建工具2、使用vue-cli創(chuàng)建項(xiàng)目3、啟動(dòng)項(xiàng)目4、項(xiàng)目的配置目錄及配置文件（1）項(xiàng)目根目錄（2）項(xiàng)目根目錄（3）public目錄（4）.src目錄（5）router目錄三、學(xué)生上機(jī)操作學(xué)生上機(jī)操作練習(xí)課本上的示例，教師巡堂指導(dǎo)。四、課堂小結(jié)五、布置作業(yè)復(fù)習(xí)本次課的知識(shí)點(diǎn)。教學(xué)反思

教案編號(hào)20學(xué)時(shí)2上課班級(jí)執(zhí)行時(shí)間授課題目VueCli腳手架（2）教學(xué)方法教師先操作演示講解實(shí)例中的知識(shí)點(diǎn)，實(shí)例由淺入深。后讓學(xué)生上機(jī)驗(yàn)證。再課堂綜合練習(xí)。教學(xué)目的及要求掌握使用vue-cli開(kāi)發(fā)項(xiàng)目。教學(xué)重點(diǎn)、難點(diǎn)使用vue-cli開(kāi)發(fā)項(xiàng)目教學(xué)資源范例及素材見(jiàn)“素材“文件夾教學(xué)內(nèi)容與過(guò)程一、復(fù)習(xí)導(dǎo)入新課復(fù)習(xí)上次課的內(nèi)容。二、實(shí)驗(yàn)內(nèi)容(操作演示)1、新建單個(gè)文件組件2、配置路由3、在App.vue頂級(jí)組件中配置路由出口4、在瀏覽器中測(cè)試項(xiàng)目三、學(xué)生上機(jī)操作學(xué)生上機(jī)操作練習(xí)課本上的示例，教師巡堂指導(dǎo)。四、課堂小結(jié)五、布置作業(yè)使用傳智播客.高校教輔平臺(tái)下發(fā)課后作業(yè)。教學(xué)反思

教案編號(hào)21學(xué)時(shí)2上課班級(jí)執(zhí)行時(shí)間授課題目VueCli腳手架（3）教學(xué)方法教師先操作演示講解實(shí)例中的知識(shí)點(diǎn)，實(shí)例由淺入深。后讓學(xué)生上機(jī)驗(yàn)證。再課堂綜合練習(xí)。教學(xué)目的及要求綜合利用Vue.js技術(shù)，開(kāi)發(fā)項(xiàng)目。教學(xué)重點(diǎn)、難點(diǎn)靈活應(yīng)用Vue.js技術(shù)開(kāi)發(fā)項(xiàng)目。教學(xué)資源范例及素材見(jiàn)“素材“文件夾教學(xué)內(nèi)容與過(guò)程一、復(fù)習(xí)導(dǎo)入新課復(fù)習(xí)上次課的內(nèi)容。二、實(shí)驗(yàn)內(nèi)容(操作演示)1、項(xiàng)目介紹2、創(chuàng)建項(xiàng)目3、項(xiàng)目的目錄及文件結(jié)構(gòu)4、配置路由5、各模塊功能的實(shí)現(xiàn)三、學(xué)生上機(jī)操作四、課堂小結(jié)五、布置作業(yè)課后繼續(xù)完成。教學(xué)反思

教案編號(hào)22學(xué)時(shí)2上課班級(jí)執(zhí)行時(shí)間授課題目VueCli腳手架（4）教學(xué)方法教師先操作演示講解實(shí)例中的知識(shí)點(diǎn)，實(shí)例由淺入深。后讓學(xué)生上機(jī)驗(yàn)證。再課堂綜合練習(xí)。教學(xué)目的及要求綜合利用Vue.js技術(shù)，開(kāi)發(fā)項(xiàng)目。教學(xué)重點(diǎn)、難點(diǎn)靈活應(yīng)用Vue.js技術(shù)開(kāi)發(fā)項(xiàng)目。教學(xué)資源范例及素材見(jiàn)“素材“文件夾教學(xué)內(nèi)容與過(guò)程一、復(fù)習(xí)導(dǎo)入新課復(fù)習(xí)上次課的內(nèi)容。二、實(shí)驗(yàn)內(nèi)容(操作演示)1、各模塊功能的實(shí)現(xiàn)2、在瀏覽器中測(cè)試項(xiàng)目3、項(xiàng)目打包三、學(xué)生上機(jī)操作學(xué)生上機(jī)操作練習(xí)課本上的示例，教師巡堂指導(dǎo)。四、課堂小結(jié)五、布置作業(yè)課后繼續(xù)完成。教學(xué)反思

教案編號(hào)23學(xué)時(shí)2上課班級(jí)執(zhí)行時(shí)間授課題目Vuex狀態(tài)管理（1）教學(xué)方法教師先操作演示講解實(shí)例中的知識(shí)點(diǎn)，實(shí)例由淺入深。后讓學(xué)生上機(jī)驗(yàn)證。再課堂綜合練習(xí)。教學(xué)目的及要求1.掌握Vuex安裝和基本使用2.掌握Vuex配置選項(xiàng)教學(xué)重點(diǎn)、難點(diǎn)掌握Vuex配置選項(xiàng)。教學(xué)資源范例及素材見(jiàn)“素材“文件夾教學(xué)內(nèi)容與過(guò)程一、復(fù)習(xí)導(dǎo)入新課復(fù)習(xí)組件之間的通訊，引入Vue狀態(tài)管理。二、新課教學(xué)內(nèi)容(操作演示講授)1、Vuex安裝和基本使用2、Vuex配置選項(xiàng)（1）state配置選項(xiàng)（2）getters配置選項(xiàng)（3）mutations配置選項(xiàng)（4）actions配置選項(xiàng)（5）modules配置選項(xiàng)三、課堂訓(xùn)練學(xué)生上機(jī)操示例10-1至示例10-8，教師巡堂指導(dǎo)。四、課堂小結(jié)五、布置作業(yè)課后繼續(xù)完成。教學(xué)反思

教案編號(hào)24學(xué)時(shí)2上課班級(jí)執(zhí)行時(shí)間授課題目Vuex狀態(tài)管理（2）教學(xué)方法教師先操作演示講解實(shí)例中的知識(shí)點(diǎn)，實(shí)例由淺入深。后讓學(xué)生上機(jī)驗(yàn)證。再課堂綜合練習(xí)。教學(xué)目的及要求1.掌握Vuex在模塊化的打包系統(tǒng)中的使用。2.掌握Vuex在項(xiàng)目開(kāi)發(fā)中的應(yīng)用。教學(xué)重點(diǎn)、難點(diǎn)掌握Vuex在項(xiàng)目開(kāi)發(fā)中的應(yīng)用。教學(xué)資源范例及素材見(jiàn)“素材“文件夾教學(xué)內(nèi)容與過(guò)程一、復(fù)習(xí)導(dǎo)入新課復(fù)習(xí)：Vuex配置選項(xiàng)。導(dǎo)入新課：在模塊化的打包系統(tǒng)使用Vuex二、新課教學(xué)內(nèi)容(操作演示講授)1、模塊化的打包系統(tǒng)中使用Vuex（1）在創(chuàng)建項(xiàng)目時(shí)選擇安裝Vuex（2）npm安裝Vuex包2、通訊錄案例（1）案例分析（2）實(shí)現(xiàn)步驟三、課堂訓(xùn)練1、創(chuàng)建創(chuàng)建通訊錄項(xiàng)目時(shí)選擇安裝Vuex。2、實(shí)現(xiàn)通訊錄的各個(gè)功能。教師巡堂指導(dǎo)。四、課堂小結(jié)五、布置作業(yè)通訊錄案例沒(méi)有完成，課后繼續(xù)完成。教學(xué)反思

教案編號(hào)25學(xué)時(shí)2上課班級(jí)執(zhí)行時(shí)間授課題目前后臺(tái)數(shù)據(jù)交互技術(shù)（1）教學(xué)方法教師先操作演示講解實(shí)例中的知識(shí)點(diǎn)，實(shí)例由淺入深。后讓學(xué)生上機(jī)驗(yàn)證。再課堂綜合練習(xí).教學(xué)目的及要求1、了解web前后臺(tái)數(shù)據(jù)交互方式。2、了解后臺(tái)接口文檔。3.、掌握接口調(diào)用技術(shù)—Axios。教學(xué)重點(diǎn)、難點(diǎn)掌握接口調(diào)用技術(shù)--Axios教學(xué)資源范例及素材見(jiàn)“素材“文件夾教學(xué)內(nèi)容與過(guò)程一、復(fù)習(xí)導(dǎo)入新課復(fù)習(xí)：Vuex狀態(tài)管理。導(dǎo)入新課：前后臺(tái)數(shù)據(jù)交互。二、新課教學(xué)內(nèi)容(操作演示講授)1、web前后臺(tái)數(shù)據(jù)交互方式2、后臺(tái)接口文檔3、接口調(diào)用技術(shù)（1）Axios基本介紹（2）Axios的基本用法（3）Axios的常用方法（4）axios全局配置（5）在VueCli項(xiàng)目中使用Axios三、課堂訓(xùn)練操作在VueCli項(xiàng)目中使用Axios，教師巡堂指導(dǎo)。四、課堂小結(jié)五、布置作業(yè)使用高校教輔平臺(tái)下發(fā)課后作業(yè)。教學(xué)反思

教案編號(hào)26學(xué)時(shí)2上課班級(jí)執(zhí)行時(shí)間授課題目前后臺(tái)數(shù)據(jù)交互技術(shù)（2）教學(xué)方法教師先操作演示講解實(shí)例中的知識(shí)點(diǎn)，實(shí)例由淺入深。后讓學(xué)生上機(jī)驗(yàn)證。再課堂綜合練習(xí).教學(xué)目的及要求掌握Axios前后臺(tái)數(shù)據(jù)交互技術(shù)的應(yīng)用。教學(xué)重點(diǎn)、難點(diǎn)掌握Axios前后臺(tái)數(shù)據(jù)交互技術(shù)的應(yīng)用。教學(xué)資源范例及素材見(jiàn)“素材“文件夾教學(xué)內(nèi)容與過(guò)程一、復(fù)習(xí)導(dǎo)入新課復(fù)習(xí)：在VueCli項(xiàng)目中使用Axios。導(dǎo)入新課：VueCli項(xiàng)目前后臺(tái)數(shù)據(jù)交互案例二、新課教學(xué)內(nèi)容(操作演示講授)1、成語(yǔ)查詢前后臺(tái)數(shù)據(jù)交互案例（1）案例介紹（2）案例實(shí)現(xiàn)步驟三、課堂訓(xùn)練上機(jī)操作實(shí)現(xiàn)成語(yǔ)查詢的功能，教師巡堂指導(dǎo)。四、課堂小結(jié)五、布置作業(yè)使用高校教輔平臺(tái)下發(fā)課后作業(yè)。教學(xué)反思

教案編號(hào)27學(xué)時(shí)2上課班級(jí)執(zhí)行時(shí)間授課題目Vue移動(dòng)端項(xiàng)目實(shí)踐（1）教學(xué)方法教師先操作演示講解實(shí)例中的知識(shí)點(diǎn)，實(shí)例由淺入深。后讓學(xué)生上機(jī)驗(yàn)證。再課堂綜合練習(xí).教學(xué)目的及要求了解。掌握。。教學(xué)重點(diǎn)、難點(diǎn)掌握。。教學(xué)資源范例及素材見(jiàn)“素材“文件夾教學(xué)步驟、內(nèi)容與時(shí)間分配一、復(fù)習(xí)導(dǎo)入新課復(fù)習(xí)：導(dǎo)入新課：javasript語(yǔ)言的學(xué)習(xí)二、新課教學(xué)內(nèi)容(操作演示講授)三、課堂訓(xùn)練四、課堂小結(jié)五、布置作業(yè)教學(xué)后記

教案編號(hào)28學(xué)時(shí)2上課班級(jí)執(zhí)行時(shí)間授課題目Vue移動(dòng)端項(xiàng)目實(shí)踐（2）教學(xué)方法教師先操作演示講解實(shí)例中的知識(shí)點(diǎn)，實(shí)例由淺入深。后讓學(xué)生上機(jī)驗(yàn)證。再課堂綜合練習(xí).教學(xué)目的及要求了解。掌握。。教學(xué)重點(diǎn)、難點(diǎn)