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

看了別人的回答,感覺收獲很大,所以來寫一下自己的理解。

從數(shù)據(jù)結(jié)構(gòu)、后臺減壓、<template>這幾點來說

photoshop培訓,電腦培訓,電腦維修培訓,移動軟件開發(fā)培訓,網(wǎng)站設(shè)計培訓,網(wǎng)站建設(shè)培訓

 

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

當時困惑的是如何能夠以vue數(shù)據(jù)驅(qū)動視圖的方式追加詳情行,因為如果用js操作dom來做的話肯定沒問題,但是在vue里面這樣做就很low了,過不了自己這關(guān),然后就在sf上面提了這個問題,看了boxsnake的回答之后有一種茅塞頓開的感覺,

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

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

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

photoshop培訓,電腦培訓,電腦維修培訓,移動軟件開發(fā)培訓,網(wǎng)站設(shè)計培訓,網(wǎng)站建設(shè)培訓

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

網(wǎng)友評論