通过纯vue.js构建bootstrap组件

没有jQuery, bootstrap.js, 或不需要任何第三方插件。

This repository contains a set of native Vue.js components based on Bootstrap's markup and CSS. As a 
result no dependency on jQuery or Bootstrap's JavaScript is required. The only required dependencies are:

Vue.js (required ^0.12, test with 0.12.10).

Bootstrap CSS (required 3.x.x, test with 3.3.5). VueStrap doesn't depend on a very precise version of 
Bootstrap. Just pull the latest.

CommonJS

$ npm install vue-strap
 
var alert = require('vue-strap/src/alert');
// or
var alert = require('vue-strap').alert;
 
new Vue({
 components: {
 'alert': alert
 }
})

ES6

$ npm install vue-strap
 
import alert from 'vue-strap/src/alert'
// or
import { alert } from 'vue-strap'
 
new Vue({
 components: {
 alert
 }``
})

AMD

Bootstrap

Bootstrap 官方编译版下载、npm 安装和 CDN 引入入口。

下载

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

以上就是利用纯Vue.js构建Bootstrap组件的内容，更多相关内容请关注PHP中文网（www.php.cn）！

相关文章：

强大Vue.js组件详细说明

Vue.js环境搭建教程介绍

超全面的vue.js使用总结

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！