今天是VUE.js做前臺(tái)商城項(xiàng)目
今天主要完成了TabBar和navbar以及輪播圖相關(guān)的內(nèi)容途样，具體反思一下，實(shí)際上tabbar和輪播圖是之前封裝好的組件省艳，直接復(fù)制過(guò)來(lái)進(jìn)行了一個(gè)復(fù)用的操作沒(méi)有什么新的操作娘纷，主要是在復(fù)制過(guò)來(lái)后修改相應(yīng)的路徑等和css的相關(guān)語(yǔ)法，不算是重點(diǎn)跋炕。
今天的重點(diǎn)是navbar的相關(guān)操作和從后臺(tái)取數(shù)據(jù)并在不同頁(yè)面進(jìn)行傳遞赖晶。
對(duì)Props也就是父向子組件傳遞信息方面有了更深刻的認(rèn)識(shí)，以Home.vue文件夾中的goodslist和goodlistitem這三個(gè)組件是今天的難點(diǎn)
我們首先通過(guò)axios是從后臺(tái)取到了Pop news xxx三個(gè)navbar里面的所有數(shù)據(jù)辐烂，然后通過(guò)一層層的組件封裝遏插，通過(guò)父子組件間傳遞進(jìn)行操作，一定要理解纠修，父子組件間傳遞的實(shí)際意義胳嘲，也就是v-bind綁定的數(shù)據(jù)和傳到子組件的數(shù)據(jù)的命名規(guī)則
在這個(gè)組件間傳遞的過(guò)程中 常用的語(yǔ)法就是v-for item in? v-bind這幾個(gè)語(yǔ)法，掌握這幾個(gè)語(yǔ)法就能夠?qū)崿F(xiàn)組件間數(shù)據(jù)的傳遞扣草。
