第4章Vue基礎(chǔ)本章學(xué)時：理論4學(xué)時，實驗4學(xué)時教學(xué)目標掌握Vue項目的創(chuàng)建和運行方法。理解Vue項目目錄結(jié)構(gòu)各部分的含義。掌握插值表達式的用法。掌握常用指令v-on、v-show、v-if、v-for和v-bind的用法。掌握樣式綁定的用法。理解計算屬性的含義，掌握其用法。掌握組件的創(chuàng)建和使用。理解props的含義。掌握父子組件之間傳遞數(shù)據(jù)的方法。理解生命周期函數(shù)的含義。教學(xué)內(nèi)容、重點與難點教學(xué)內(nèi)容Vue語法包括uni-app項目目錄結(jié)構(gòu)、Vue的頁面結(jié)構(gòu)、插值表達式、v-on、v-show、v-if、v-for和v-bind等指令、樣式綁定和計算屬性。封裝組件包括創(chuàng)建組件、組件的注冊和使用、父組件通過props向子組件傳遞數(shù)據(jù)、子組件通過$emit觸發(fā)事件向父組件傳遞數(shù)據(jù)。（3）生命周期函數(shù)包括應(yīng)用生命周期函數(shù)、頁面生命周期函數(shù)和組件生命周期函數(shù)。以上內(nèi)容參見PPT。其中有關(guān)uni-app應(yīng)用程序的創(chuàng)建和運行方法參見附錄1。建議：理論4個學(xué)時可以分配2個給Vue語法到指令部分，2個給Vue語法的樣式綁定和計算屬性，組件及生命周期函數(shù)。實驗4個學(xué)時則相應(yīng)地分配。重點Vue的頁面結(jié)構(gòu)。v-on、v-for和v-bind指令。樣式綁定。組件間通信難點v-forprops和$emit教學(xué)方式課堂結(jié)合PPT講解核心知識點，并配合適當?shù)牟僮餮菔尽＝虒W(xué)過程設(shè)計理論教學(xué)過程舊知復(fù)習(xí)對第3章的內(nèi)容做概要性的回顧。講解第3章的習(xí)題。新知講解Vue語法通過操作演示uni-app項目的創(chuàng)建。通過PPT介紹所創(chuàng)建的uni-app項目目錄結(jié)構(gòu)各部分的含義，著重指出pages目錄和static目錄各自存放的內(nèi)容，main.js和pages.json兩個文件的作用。通過操作演示編寫一個Vue頁面，重點解釋其中script標簽里面所包含的內(nèi)容：data()、methods等。這部分內(nèi)容是入門uni-app應(yīng)用開發(fā)的鑰匙，要對學(xué)生強調(diào)其重要性。5個常用指令，可以以v-on和v-for做重點講解，通過操作演示的方式講解其用法。其余留作實驗教學(xué)內(nèi)容。樣式綁定的語法寫法上比較多，但并不難理解。結(jié)合PPT做講解。封裝組件通過操作演示組件的創(chuàng)建、組件的注冊和使用。重點介紹父子組件的數(shù)據(jù)通信方法。通過操作演示在子組件中定義props供父組件傳遞數(shù)據(jù)，在子組件中使用$emit()觸發(fā)事件，父組件通過監(jiān)聽該事件而獲取數(shù)據(jù)。生命周期函數(shù)uni-app生命周期函數(shù)分為三類，但最常用的是頁面生命周期函數(shù)。本章僅通過PPT做簡要介紹，讓學(xué)生留有印象，在后續(xù)課程中還會反