今天使用vue在開(kāi)發(fā)的時(shí)候遇到一個(gè)問(wèn)題   具體可以看 https://segmentfault.com/q/1010000010041611

看了別人的回答,感覺(jué)收獲很大,所以來(lái)寫(xiě)一下自己的理解。

從數(shù)據(jù)結(jié)構(gòu)、后臺(tái)減壓、<template>這幾點(diǎn)來(lái)說(shuō)

photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動(dòng)軟件開(kāi)發(fā)培訓(xùn),網(wǎng)站設(shè)計(jì)培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)

 

列表已經(jīng)通過(guò)table做出來(lái)了,需要的進(jìn)一步功能是在“查看詳情”的點(diǎn)擊事件中請(qǐng)求回該條數(shù)據(jù)的詳細(xì)情況,且一次只顯示一條反饋的詳情,把數(shù)據(jù)放在data中的一個(gè)currentMsg對(duì)象中(只存放當(dāng)前請(qǐng)求回來(lái)的數(shù)據(jù)),然后在該行追加一個(gè)tr并將相應(yīng)的內(nèi)容填充進(jìn)去,

當(dāng)時(shí)困惑的是如何能夠以vue數(shù)據(jù)驅(qū)動(dòng)視圖的方式追加詳情行,因?yàn)槿绻胘s操作dom來(lái)做的話肯定沒(méi)問(wèn)題,但是在vue里面這樣做就很low了,過(guò)不了自己這關(guān),然后就在sf上面提了這個(gè)問(wèn)題,看了boxsnake的回答之后有一種茅塞頓開(kāi)的感覺(jué),

數(shù)據(jù)結(jié)構(gòu)

這個(gè)可以說(shuō)是通用的了,不僅僅是針對(duì)前端,因?yàn)橐粋€(gè)良好的結(jié)構(gòu)化數(shù)據(jù)可以很好的優(yōu)化程序的結(jié)構(gòu),讓別人更容易理解,

就這個(gè)歷史反饋功能來(lái)說(shuō),后端給了我2個(gè)請(qǐng)求的接口,一個(gè)是根據(jù)當(dāng)前用戶獲取該用戶提交的所有反饋(allTitleInfo)的摘要信息,結(jié)構(gòu)如下:

photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動(dòng)軟件開(kāi)發(fā)培訓(xùn),網(wǎng)站設(shè)計(jì)培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)

我也是按照這樣的結(jié)構(gòu)把數(shù)據(jù)填充到頁(yè)面中的,另一個(gè)接口就是根據(jù)ID獲取反饋的詳情,

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負(fù)責(zé)任的教育,學(xué)習(xí)改變命運(yùn),軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動(dòng)軟件開(kāi)發(fā)培訓(xùn),網(wǎng)站設(shè)計(jì)培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式