如何使用Webpack导入和使用bootstrap-vue

Question

我使用vuejs-templates and webpack启动了一个项目。

然后我将bootstrap-vue添加到项目中。

现在，我不知道如何添加引导按钮。

在IAppBuilder.UseWindowsAzureActiveDirectoryBearerAuthentication()我正在导入main.js：

BootstrapVue

但是，当我尝试使用import Vue from 'vue' import BootstrapVue from 'bootstrap-vue' import App from './App' Vue.use(BootstrapVue) /* eslint-disable no-new */ new Vue({ el: '#app', template: '<App/>', components: { App } }) 中的<b-button>元素：

时

App.vue

引发与<template> <div id="app"> <img src="./assets/logo.png"> <b-button :size="size" :variant="variant" @click="clicked"> Click Me! </b-button> <hello></hello> </div> </template> 元素关联的所有属性属性的错误。

我该如何使用？

Answer 1

您应该在您的应用Vue实例中定义以下内容：

data:{
    size: 0, //needed size 
    variant: 'success' // needed variant
},
methods:{
    clicked(){
        console.log('im clicked')
    }
}