Estoy tratando de montar cualquier tabla de datos en mi archivo app.js :
require('./bootstrap'); import { createApp } from "vue"; import VueGoodTablePlugin from 'vue-good-table-next'; import 'vue-good-table-next/dist/vue-good-table-next.css' import datatablePhysios from "./components/datatablePhysios.vue"; import datatableTreatment from "./components/datatableTreatment.vue"; const app = createApp(datatablePhysios) // here it´s the component app.component('datatableTreatment', { datatableTreatment }); app.use(VueGoodTablePlugin); app.mount("#app") Estoy trabajando con laravel-9 .
Mi problema es que siempre monte el mismo componente datatablePhysios es mi primera vez con vue 3 estoy trabajando con vue 2 y nunca tuve este problema.
actualización en vue 2 hice esto:
require('./bootstrap'); window.Vue = require('vue'); Vue.component('usuarios-component', require('./components/usuariosComponent.vue').default); Vue.component('formularioactualizacion', require('./components/datosUsuarios.vue').default); Vue.component('listadoasistencias', require('./components/mostrarAsistencias.vue').default); Vue.component('listadobonosdisponibles', require('./components/mostrarBonosDisponibles.vue').default); Vue.component('listadoasistenciaspendientes', require('./components/mostrarAsistenciasPendientes.vue').default); Vue.component('estadisticasusuario', require('./components/estadisticasUsuario.vue').default); Vue.component('estadisticasadmin', require('./components/estadisticasAdmin.vue').default); Vue.component('tablabusqueda', require('./components/tablaBusquedaAdmin.vue').default);Gracias por leerme y ayudarme. Perdón por mi mal ingles
Resuelvo mi problema instanciando un objeto vue vacío y luego creé un componente:
require('./bootstrap'); import { createApp } from "vue"; import VueGoodTablePlugin from 'vue-good-table-next'; import 'vue-good-table-next/dist/vue-good-table-next.css' import datatablePhysios from "./components/datatablePhysios.vue"; import datatableTreatment from "./components/datatableTreatment.vue"; const app = createApp({}) // here it´s the component app.component('datatable-physios', datatablePhysios) app.component('datatable-treatment', datatableTreatment); app.use(VueGoodTablePlugin); app.mount("#app")