[TOC] ## datacom 1. datacom組件是一種數據驅動的 2. `datacom`，全稱是`data components`，數據驅動的組件。 3. 一般使用 v-model 方式進行雙向綁定,可參看 v-model 的使用 示例 ``` <template> <!-- 傳入符合 datacom 規范的數據，即可渲染出一組 checkbox --> <!-- 使用 v-model 雙向綁定 checkbox 的選中值 --> <uni-data-checkbox v-model="value" :localdata="options" multiple></uni-data-checkbox> </template> <script> export default { data() { return { value: ['sh'], options: [ {value: 'bj',text: '北京'}, {value: 'sh',text: '上海'}, {value: 'gz',text: '廣州'} ], }; }, }; </script> ``` 好處 1. 更少的代碼量。從前述的傳統寫法對比可見，使用datacom的前端頁面，代碼量可減少一半以上。 2. 設計更加清晰。服務器端給符合規范的數據，然后接受選擇的結果數據。中間的ui交互無需關心。 3. 結合[uni-forms](https://ext.dcloud.net.cn/plugin?id=2773)組件，自動實現表單校驗。 4. 搭配 uniCloud 的[unicloud-db組件](https://uniapp.dcloud.io/uniCloud/clientdb)，數據庫查詢結果直接綁定給`datacom組件`，服務器代碼直接就不用寫了 5. 搭配 uniCloud 的[schema2code頁面生成系統](https://uniapp.dcloud.net.cn/uniCloud/schema?id=autocode)，數據庫定義好schema，前端頁面就不用寫了，自動生成 6. 互操作性。可以輕易的切換更好的組件