Как использовать bootstrap во vue.js2?

Question

[Антон]

Подскажите как вызывать, к примеру модальное окно из bootstrap в js коде
Эта библиотека вроде как только с 1 версией vue работает, завести не удалось.

Вот пример более логичного применения, но завести тоже не удалось

<div id="mmod">
 <button class="btn btn-default btn-lg" v-on="click:showModal = true">Show modal </button>
                    <modal title="Modal" show="@{{@showModal}}" effect="fade" width="400">
                    ....
                    </modal>
    </div>

new Vue({
    el:'#mmod',
    components: {
        'modal':modal
    },
    data: {
        showModal: false
    }
});

Answer 1

[coderisimo]

kzima.github.io/vuestrap-base-components/#

vuejsexamples.com/tag/bootstrap

?

Comments

[Антон]

Необходима 3 версия, ту ссылку тоже видел, но этими компонентами не удалось воспользоваться. Мне интересно как вызывать к примеру модальное окно

[coderisimo]

Сам изучаю данный вопрос , ибо привык к бутстрапу , но хочется попробовать vue )). Как понял, либо надо сразу использовать что-то готовое типа uikit - пример codepen.io/JamesUlph/pen/wWBRRL

Либо использовать стандартный компонент. https://vuejs.org/v2/examples/modal.html
который можно стилизовать , как потребуется.

Вот пример написания повторно используемого диалога https://adamwathan.me/2016/01/04/composing-reusabl...

Answer 2

[vkdv]

Не вижу смысла юзать бутстраповские компоненты в vue апп,если можно использовать например element.eleme.io/#/en-US/component/installation
От бутстрапа оставить только некоторые стили и сетку(хотя и это не обязательно, но если привык...)

P.S
show="@{{@showModal}}" - Это что вообще? Может так: v-show="showModal"