Tengo un componente dataTable en mi aplicación Vuejs, que uso para mostrar tablas. Tiene un valor prop de 'datos' que le permite tomar los datos para mostrarlos en la tabla. así es como llamo al componente:

 <aDataTable :data="sites"> <template #columns> <!-- showing columns here --> </template > <template #rows> <!-- showing rows here --> </template > <aDataTable>

Me gustaría poder actualizar los datos cuando se hace clic en uno de los encabezados de columna. Me gustaría que la clasificación se realice en el lado del servidor, por lo tanto, ¿por qué lo hago de esta manera? Esto es algo de lo que me gustaría hacer, pero no estoy seguro de cómo

 $('#data-table').on('order.dt', function () { // gets the value of the header of the column and using to sort the data in the table }

¿Alguna idea de cómo se puede hacer esto?