Как инициализировать карту один раз на Vue, но использовать на разных роутах Vue?

Даниил Братухин, Друг, помоги разобраться пожалуйста)
Я убрал обертку DG.then, теперь работает на всех роутах, но опять ошибка такая
script.full.js?194a:15 Uncaught (in promise) Error: Map container not found.

У меня такое ощущение, что скрипт 2гиса ищет сам контейнер с id map, как исправить?

Как инициализировать карту один раз на Vue, но использовать на разных роутах Vue?

Даниил Братухин,

<div class="contacts-box">
            <p class="contacts-key">Эл. почта:</p>
            <p class="contacts-value">[e-mail] </p>
        </div>

    </div>
    <div class="map-wrapper">
        <div ref="cap" style="width:100%; height:100%"></div>
    </div>
</div>
</template>

<script>
import DG from '2gis-maps'
// var DG = require('2gis-maps')
export default {
    data(){
        return{
            map: null
        }
    },
    mounted(){
        DG.then(function () {
            this.map = DG.map(this.$refs.cap, {
                center: [54.966613, 73.439596],
                zoom: 13,
                // zoomControl: false,
                minZoom: 10,
                fullscreenControl: false,
                scrollWheelZoom: false
            });
            var myDivIcon = DG.divIcon({
                iconSize: [57, 77],
                className: "marker-custom",
                iconAnchor: [28.5, 70],
                html: '<img class="marker-img" src="img/marker.svg">'

            });
            DG.marker([54.966613, 73.439596], {
                icon: myDivIcon
            }).addTo(this.map);
            // DG.control.zoom({position: 'bottomleft'}).addTo(map);
        });
    },
  beforeDestroy () {
    if (this.map) this.map.remove()
  }
}
</script>

У меня компонент не только карта, поэтомы на весь компонент не могу сделать (this.$el)

Как инициализировать карту один раз на Vue, но использовать на разных роутах Vue?

Даниил Братухин, пытался сделать через ссылку, так вообще только в одном месте создается карта. И в консоли пишет - contMap.vue?c8fb:47 Uncaught (in promise) TypeError: Cannot read property '$refs' of undefined
at eval (contMap.vue?c8fb:47)

Как инициализировать карту один раз на Vue, но использовать на разных роутах Vue?

1 пункт можно пояснить, пожалуйста? Почему?
И то есть карта будет инициализирована 2 раза все равно? (Хоть и после удаляется)
Никак нельзя ее один раз инициализировать для всего проекта?

Как настроить webpack по нескольким параметрам на @vue/cli?

Andrey Suha, Мне некогда шерстить)

Как настроить webpack по нескольким параметрам на @vue/cli?

Andrey Suha, toster мне в помощь

Как настроить webpack по нескольким параметрам на @vue/cli?

а можно конкретнее как прописать и какие параметры?

Как запустить сайт после сборки с ипользованием @vue/cli?

нет такого файла, скорее всего потому что через @vue/cli создано.
есть babel конфиг

module.exports = {
  presets: [
    '@vue/app'
  ]
}

Как запустить сайт после сборки с ипользованием @vue/cli?

Alex, а без сервера никак?
и что нужно чтобы на сервере тогда это включить? вот закачаю я папку dist и что дальше делать?
Ответьте плиз на это обычным образом желательно подробнее и я отмечу как правильный.

Как сделать часть пунктов списка скрытыми и разворачивать при клике?

https://codepen.io/Danilzzz/pen/xodVaj
мой супер вариант

Как сделать такую логику на CSS?

VicTHOR, похоже, спасибо. Там еще с отступами сложно(

Как сделать такую логику на CSS?

Артем Будин, да флекс надо. Но конкретнее мне надо, так как его и пытался использовать.

Какая то проблема с кодировкой?

а если у меня нет этого файла .htaccess? У меня один файл html, зачем он нужен и как его подключить?

Как сделать часть пунктов списка скрытыми и разворачивать при клике?

Второй вариант хорош, но действительно сложный.

Как сделать часть пунктов списка скрытыми и разворачивать при клике?

Очень неплохо

Как сделать часть пунктов списка скрытыми и разворачивать при клике?

Подсказка хорошая, спасибо)

Как сделать часть пунктов списка скрытыми и разворачивать при клике?

А если данные с бэка приходят? Можно ли мне им новое свойство прописывать?
И мне нужно плавное появление, а не просто дисплей: ноне, дисплей блок.

Как сделать часть пунктов списка скрытыми и разворачивать при клике?

Как скрыть элементы, начиная с 5-го? Как добавить класс в этом цикле

<div v-for="box in boxies">
 <ul>
  <li v-for="item in items">
 </ul>
</div>

, чтобы открылось только у конкретного блока?

Какой плагин аккордеона и как использовать для блоков из цикла?

Alex, ну я как бы за этим здесь - как это реализовать? Вы мне сейчас условия моей задачи сказали.

Какой плагин аккордеона и как использовать для блоков из цикла?

Alex, Вы не поняли мою логику из объяснения задачи - раскрывается не каждый список, а так - сначала -4 пункта видны, при нажатии на кнопку снизу, блок расширяется по высоте и видны все пункты li