Vue 3 组合式函数最佳实践 (Composables)

Use the useTable composable by passing your data-fetching function, then bind the returned data, pagination, and loading values to your table component. Handle page changes with the provided handlePageChange and handleLimitChange functions.

Bind the pagination object and data from useTable to bk-table, enable the remote-pagination attribute, and wire page-change and page-limit-change events to the composable's handlers. Add v-bkloading with the loading state for visual feedback.

Yes, useTable accepts any asynchronous request function such as getHostList as its parameter. The composable manages calling it with the correct pagination parameters and tracking the loading state.

Use composables whenever multiple pages share list, pagination, or async request patterns. Inline logic is acceptable only for one-off pages, but duplicated pagination code across pages should be extracted into hooks like useTable.