JS 關注點分離

傳統 JS 操作方式

上面是一個輸入框,輸入框輸入文字後提交,會將資料呈現在上方。
傳統 JS 的操作方式是以操作 DOM 為主,先將 DOM 裡的文字提出後,在新增一個新的 DOM ,將資料帶入後
呈現在上方。

缺點是開發者必須同時操作資料和畫面。

關注點分離

關注點分離則是現在許多 JS 框架採用的方法,開發者主要著重在資料的操作上,當資料更新後,畫面則由框架來幫忙渲染。