vue 顯示數(shù)據(jù)問(wèn)題

1, 盡量少操作dom，尤其是jq?？梢酝ㄟ^(guò)數(shù)據(jù)去驅(qū)動(dòng)視圖改變，這是vue的特點(diǎn)，實(shí)在不行可以用ref或原生js去操作，但是也不推薦。
2，你的需求是常見(jiàn)的列表渲染，用v-for可以較方便地實(shí)現(xiàn)，具體可以參考列表渲染。
3，如果涉及到一些組件內(nèi)狀態(tài)、組件間通信，推薦使用vuex，具體可以參考官方文檔，文檔寫(xiě)得很好的!
4，建議不要這么快一下子跳轉(zhuǎn)到vue實(shí)際開(kāi)發(fā)中，可以先試試官方的小例子，計(jì)數(shù)器，todo什么的，詳見(jiàn)：vue.examples。數(shù)字流程之后再開(kāi)始構(gòu)建項(xiàng)目，到時(shí)候無(wú)論是體驗(yàn)還是效率都會(huì)高很多。

僅供參考，謝謝。

1.建議使用vue+element插件一起開(kāi)發(fā),開(kāi)始使用vue-cli腳手架生成項(xiàng)目,element有使用教程,上手起來(lái)很快
2.element中折疊面板很適合做這個(gè)功能,http://element.eleme.io/#/zh-...
3.vue-cli使用教程,四步實(shí)現(xiàn)項(xiàng)目搭建,https://www.jianshu.com/p/162...
4.這是element上手教程http://element.eleme.io/#/zh-...
5.希望能幫到您!圣誕快樂(lè)

v-for = "(item,index) in data"
:id="product${(index+1)}"

vue 不要去處理 dom 也就是你現(xiàn)在拼接的字符串，將字符串放入到html模板中，用 v-for 來(lái)循環(huán)出數(shù)據(jù)。

你可以在data里定義一個(gè)變量，來(lái)接受你ajax請(qǐng)求到的數(shù)據(jù)，然后結(jié)合官方文檔的列表渲染和條件渲染來(lái)寫(xiě)。
建議你多看文檔。。。文檔很詳細(xì)，vue生態(tài)圈也很大，多逛逛搜搜

建議做一遍vue todo就知道了, 可參照 vue-todo demo