main.js

El archivo main.js nos queda de la siguiente forma.
 
  
   
       import { createApp } from 'vue'
import App from './App.vue'
import PrimeVue from 'primevue/config';

import Panel from 'primevue/panel';
import InputText from 'primevue/inputtext';
import InputNumber from 'primevue/inputnumber';
import Button from 'primevue/button';



import 'primevue/resources/themes/bootstrap4-light-blue/theme.css';
import 'primevue/resources/primevue.min.css';
import 'primeicons/primeicons.css';




const app = createApp(App);
app.use(PrimeVue);

app.component('Panel', Panel);
app.component('InputText', InputText);
app.component('InputNumber', InputNumber);
app.component('Button', Button);
app.mount('#app')     
            
          
   

App.vue

El archivo App.vue queda de la siguinte manera
 
  
             
   <template>
  <div id="app">
    <MiVacunaApp/>
  </div>
</template>

<script>
import MiVacunaApp from './components/MiVacunaApp.vue'

export default {
  name: 'App',
  components: {
    MiVacunaApp
  }
}
</script>

<style>

</style>
              
   
           
   

service

En el directorio src creamos el directorio service y ahí creamos el archivo Poblacion2021Service.js
 
  
     
  
  import axios from 'axios';

export default class Poblacion2021Service {

    url = "http://localhost:8080/api/poblacion2021/";


    insertarPoblacion2021(poblacion) {

        return axios.post(this.url + "save", poblacion, {
            headers: {
                'Content-Type': 'application/json'
            }
        });
    }


}