今天使用vue在開發(fā)的時(shí)候遇到一個(gè)問題 具體可以看 https://segmentfault.com/q/1010000010041611
看了別人的回答,感覺收獲很大,所以來寫一下自己的理解。
從數(shù)據(jù)結(jié)構(gòu)、后臺(tái)減壓、<template>這幾點(diǎn)來說
列表已經(jīng)通過table做出來了,需要的進(jìn)一步功能是在“查看詳情”的點(diǎn)擊事件中請求回該條數(shù)據(jù)的詳細(xì)情況,且一次只顯示一條反饋的詳情,把數(shù)據(jù)放在data中的一個(gè)currentMsg對象中(只存放當(dāng)前請求回來的數(shù)據(jù)),然后在該行追加一個(gè)tr并將相應(yīng)的內(nèi)容填充進(jìn)去,
當(dāng)時(shí)困惑的是如何能夠以vue數(shù)據(jù)驅(qū)動(dòng)視圖的方式追加詳情行,因?yàn)槿绻胘s操作dom來做的話肯定沒問題,但是在vue里面這樣做就很low了,過不了自己這關(guān),然后就在sf上面提了這個(gè)問題,看了boxsnake的回答之后有一種茅塞頓開的感覺,
數(shù)據(jù)結(jié)構(gòu)
這個(gè)可以說是通用的了,不僅僅是針對前端,因?yàn)橐粋€(gè)良好的結(jié)構(gòu)化數(shù)據(jù)可以很好的優(yōu)化程序的結(jié)構(gòu),讓別人更容易理解,
就這個(gè)歷史反饋功能來說,后端給了我2個(gè)請求的接口,一個(gè)是根據(jù)當(dāng)前用戶獲取該用戶提交的所有反饋(allTitleInfo)的摘要信息,結(jié)構(gòu)如下:
我也是按照這樣的結(jié)構(gòu)把數(shù)據(jù)填充到頁面中的,另一個(gè)接口就是根據(jù)ID獲取反饋的詳情,