Можно ли добавить через vue cli стороннюю js библиотеку в vue?

Question

[Zhalgas Saparov]

У меня возникла проблема. Мне нужно добавить на сайт leaflet draw, но плагин не до конца реализован для vue. Вот ссылка.Так же есть готовая библиотека leaflet draw с документацией. Теперь вопрос, смогу ли я добавить этот плагин на свой проект vue созданный через vue cli и как это будет работать?

Comments

[Andrey Suha]

Вы read.me читали? Устанавливается так как и любой пакет с npm

[Zhalgas Saparov]

Andrey Suha, Сейчас попробую

[testDevelop]

Попробуйте установить как npm пакет. А потом где вам нужно пишите
import L from 'название пакета'

тогда у вас по идеи должно всё работать. Я к примеру так swiper бывало, что подключал.

[Zhalgas Saparov]

testDevelop, Нужно писать в main js?

[Zhalgas Saparov]

Мне выдала ошибку: 'L' is defined but never used (no-unused-vars)

Answer 1

[Dmitry Barkowski]

Все будет хорошо работать, можно реализовать использование этой библиотеки в отдельном компоненте и вызывать его с помощью props, которые уже определяют опции, доступные для нее (библиотеки).

Comments

[Zhalgas Saparov]

А как написать такую строчку кода в vue js, если подключил какую нибудь библиотеку?

var map = L.map('map').setView([51.505, -0.09], 13);
     L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
         attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
     }).addTo(map);

[Dmitry Barkowski]

Zhalgas Saparov, к примеру, передать некоторые данные в пропсах, а в компоненте в хуке mounted инициализировать библиотеку с параметрами из props

[Zhalgas Saparov]

Dmitry Barkowski, Спасибо