Vue.Js - Import components problem in App.Vue Component

Question

I have a problem with my VUE js project. I use the library VueperSlides and it's run correctly but my problem, is that the slider is imported in the components App.vue and it's displayed. I want to display the slider only in my Slider component. I have a router link which runs correctly.

This is the APP.VUE component

This the HomePage (I want to put away this slider )

This is the Slider Vue

Answer 1

Just import it on your HomePage.vue:

import { VueperSlides, VueperSlide } from "vueperslides";
import "vueperslides/dist/vueperslides.css";

export default {
  components: {
    VueperSlides,
    VueperSlide
  },

  // ...
}

Then use vueper-slides and vueper-slide components on your template.