Vue. Js - Проблема с импортом компонентов в приложение. Vue Компонент

Question

У меня проблема с моим проектом VUE js. Я использую библиотеку VueperSlides, и она работает правильно, но моя проблема в том, что слайдер импортируется в компоненты App. vue и отображается. Я хочу отображать слайдер только в моем компоненте Slider. У меня есть ссылка на маршрутизатор, которая работает правильно.

Это приложение. VUE компонент

Это HomePage (я хочу убрать этот слайдер)

Это слайдер Vue

Answer 1

Просто импортируйте его на свою домашнюю страницу. vue:

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

export default {
  components: {
    VueperSlides,
    VueperSlide
  },

  // ...
}

Затем используйте компоненты vueper-slides и vueper-slide в своем шаблоне.