放裡面的情況:組件已經封裝好,希望直接塞prop進去,組件就能渲染出你想到的效果,適用於 item 形態種類不多,而且你希望整個列表都封裝到一個組件的情況。

放外面的情況:組件沒高度封裝,只封裝了一個或者一些形態不同的 item。

實際上沒有那種好那種不好的說法,看個人情況和需求。

ps. 請大家以後提問之前,說下前提/背景,貼上代碼,不然別人只能猜你說啥,回答出來的答案準確性不高,浪費雙方的時間。


組件的封裝和v-for沒有必然的聯繫,組件封裝要根據業務來定,不同的情況可能在外也可能在內,對於要遍歷的prop中的數據涉及到的業務邏輯是否複雜,是否需要通過封裝來創建不同作用域。

舉個例子,你要渲染一個表格,表格中每一項業務比較複雜,每一條數據要進行一項操作,而且必須與其他數據隔離開,那就需要每一條數據項相關的邏輯封裝起來,然後通過for遍歷組件。

當然你也可以把這整塊邏輯封裝在一個組件內。兩者沒有對立關係,根據實際情況靈活運用才是王道。


你的問題情景我還不是很明白,我猜測你是想展示多個相同的組件。

一般來說組件設計也和類一樣,要複合單一職責原則,就是組建的功能和職責要單一。組件內只需要完成一個單一組件的功能封裝就可以了。如果要循環,一般是在組件的引用處,循環組件標籤就可以了。


一般是放在組件內部。


如果你說的是 v-for建議去看看文檔就懂了,別天天這種都發


你場景不詳,我也就只能按照個人猜想與體驗回答

一般我會放組建裡面,原因:

  1. 一般for裡面的tag還要寫key,你如果在外面還要為組建寫多麻煩?肯定封裝好每次就不用重複勞動
  2. 如果前後端分離,頁面拿到一個數組,直接prop扔組建里循環就是了,要麼如果考慮page什麼的就傳prop進去就行。否則還要拆數組自己循環再給沒循環功能的組件用,多麻煩


推薦閱讀:
相关文章