《Vue.js前端開發(fā)框架技術》課程教案第2次課1學時授課內(nèi)容組件注冊、使用props傳遞數(shù)據(jù)。教學目的與要求通過本次課的學習，掌握Vue組件注冊機制，掌握如何使用props實現(xiàn)組件間傳遞數(shù)據(jù)。重點難點重點：組件注冊、使用props傳遞數(shù)據(jù)。難點：使用props傳遞數(shù)據(jù)。教學進程安排1．全局注冊（5分鐘）2．局部注冊（5分鐘）3．props傳遞數(shù)據(jù)的基本用法（15分鐘）4．單向數(shù)據(jù)流（10分鐘）5．數(shù)據(jù)驗證（10分鐘）課后學習任務布置1．完成教材第4章題庫與習題4對應習題。2．預習第4.3節(jié)組件通信。主要參考資料《Vue.js3.X從入門到實戰(zhàn)（微課視頻版）》，陳恒等編著.清華大學出版社，2023。課后總結分析總結并逐步深入體會Vue組件注冊機制，理解props傳遞數(shù)據(jù)的基本用法?！禫ue.js前端開發(fā)框架技術》課程教案第3次課2學時授課內(nèi)容使用自定義事件通信、使用v-model通信、使用mitt實現(xiàn)非父子組件通信、提供/注入（組件鏈傳值）以及插槽的應用。教學目的與要求通過本次課的學習，掌握Vue各種場景下的組件通信的實現(xiàn)方法，包括父子組件通信、兄弟組件通信、組件鏈通信；理解插槽的實際應用。重點難點重點：Vue各種場景下的組件通信的實現(xiàn)方法。難點：Vue各種場景下的組件通信的實現(xiàn)方法、作用域插槽的應用。教學進程安排1．使用自定義事件通信（15分鐘）2．使用v-model通信（15分鐘）3．使用mitt實現(xiàn)非父子組件通信（15分鐘）4．提供/注入（組件鏈傳值）（15分鐘）5．單插槽slot（10分鐘）6．多個具名插槽（10分鐘）7．作用域插槽（10分鐘）課后學習任務布置1．完成教材第4章題庫與習題4對應習題。2．預習第4.5-4.7節(jié)。主要參考資料《Vue.js3.X從入門到實戰(zhàn)（微課視頻版）》，陳恒等編著.清華大學出版社，2023。課后總結分析總結并逐步深入體會Vue各種場景下的組件通信的實現(xiàn)方法，理解作用域插槽的實際應用?！禫ue.js前端開發(fā)框架技術》課程教案第4次課1學時授課內(nèi)容動態(tài)與異步組件、使用ref獲取DOM元素和組件引用、正整數(shù)數(shù)字輸入框組件。教學目的與要求通過本次課的學習，掌握動態(tài)與異步組件的應用場景及實現(xiàn)方法，理解ref獲取DOM元素和組件引用的原理。重點難點重點：動態(tài)與異步組件的應用場景及實現(xiàn)方法。難點：使用ref獲取DOM元素和組件引用。教學進程安排1．動態(tài)組件（10分鐘）2．異步組件（10分鐘）3．使用ref獲取DOM元素和組件引用（10分鐘）4．實戰(zhàn)：正整數(shù)數(shù)字輸入框組件（15分鐘）課后學習任務布置1．完成教材第4章題庫與習題4對應習題。2．預習第5章過渡與動畫。主要參考資料《Vue.js3.X從入門到實戰(zhàn)（微課視頻版）》，陳恒等編著