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

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

僅供參考，謝謝。

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

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

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

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

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