vue-strap

基于 Vue.js 的 Bootstrap 组件

该仓库包含一系列基于 Bootstrap 标记和 CSS 的本地 Vue.js 组件。所以不需要 jQuery 和 Bootstrap 的 JavaScript 文件，唯一需要依赖的是:

1. Vue.js (要求版本为 ^0.12，基于 0.12.10 版本做的测试)

2. Bootstrap CSS (需要版本为 3.x.x， 基于 3.3.5 版本做的测试)。 VueStrap 不依赖某个非常精确的 Bootstrap 版本。

文档

查看 文档 里面可在线编辑的例子。

NPM安装

$ npm install vue-strap

CommonJS

var alert = require('vue-strap/src/alert');
// 或者
var alert = require('vue-strap').alert;

new Vue({
  components: {
    'alert': alert
  }
})

ES6

import alert from 'vue-strap/src/alert'
// 或者
import { alert } from 'vue-strap'

new Vue({
  components: {
    alert
  }
})

AMD

$ bower install vue-strap

define(['vue-strap'], function(VueStrap) {
  var alert = VueStrap.alert;
});

在浏览器中直接引用

dist 文件夹包含 vue-strap.js 和 vue-strap.min.js 两个文件，所有模块都导出到了 window.VueStrap 下面，所以可以引用其中的一个文件即可在浏览器中使用。也可以通过 CDNJS 获取。

<script src="path/to/vue.js"></script>
<script src="path/to/vue-strap.js"></script>
<script>
  var alert = VueStrap.alert
</script>