---
# System prepended metadata

title: 觀念確認

---

# 觀念確認

大家午安～關於第15關再講資料與渲染分離的好處，但其實我還是不太理解資料是什麼渲染是什麼？

哪些算是資料？
哪些算是渲染？

分離的好處是什麼？或許我還很菜還感受不到～
但不想要這個謎團在心中不去搞清楚造成日後的阻礙，所以秉持的『不懂就勇敢問，別裝懂』的精神我想來問問大家，我目前對於這一關再關注的- （資料與分離的概念）這樣的理解對嗎？

#### 自己標示每段程式碼哪一塊屬於資料，哪一塊屬於渲染的理解

>資料就是包含：陣列的資訊，或是 API來源 或是處理資料的過程

>渲染就是：去抓 DOM 元素，跟監聽元素後要把資料印在畫面上的方法


資料與渲染分離的好處是：
* 程式碼比較乾淨？
* 每個區塊主要在做什麼事會看得比較清楚？

以上是我粗淺的理解不知道觀念對不對？
還請大家指教，謝謝大家。




![](https://i.imgur.com/wqsSeLX.png)

