Payton 是一個基于 Vue.js 的前端組件庫。它提供了一些常見的 UI 組件，比如按鈕、表格、輸入框等等。Payton 的優點在于是基于 Vue.js 編寫的，因此與 Vue.js 很好地融合，可以用來構建高質量的 Vue.js 應用。

Payton 提供了非常多的組件，這里只列舉一些比較常用的。首先是按鈕組件，使用起來非常簡單，如下所示：

<template>
<pay-button>按鈕</pay-button>
</template>

除了按鈕組件，表格和輸入框組件也是非常實用的。表格組件可以很方便地展示數據，如下所示：

<template>
<pay-table :data="tableData">
<pay-table-column label="姓名" prop="name"></pay-table-column>
<pay-table-column label="年齡" prop="age"></pay-table-column>
<pay-table-column label="性別" prop="gender"></pay-table-column>
</pay-table>
</template>

輸入框組件也是非常實用的，支持多種類型，比如文本框、數字框、日期框等等。如下所示：

<template>
<pay-input v-model="inputValue" type="text" placeholder="請輸入文本"></pay-input>
</template>

總之，Payton 是一個非常實用的前端組件庫，可以很好地和 Vue.js 配合使用。如果你正在使用 Vue.js 進行項目開發，可以考慮使用 Payton 來構建你的 UI。