利用纯Vue.js构建Bootstrap组件
2016-11-03 10:36
871 查看
没有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
$ bower install vue-strap define(['vue-strap'], function(VueStrap) { var alert = VueStrap.alert; ... });
本文已被整理到了《Vue.js前端组件学习教程》,欢迎大家学习阅读。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- JS组件系列——又一款MVVM组件:Vue(二:构建自己的Vue组件)
- vue.js 利用组件之间通讯,写一个弹出框例子
- JS组件系列之MVVM组件构建自己的Vue组件
- vue-cli项目中单文件组件引入bootstrap.js异常的解决方案
- Vue-cli构建项目, 组件中js代码引入图片路径问题
- 如何构建你的第一个 Vue.js 组件
- 用Vue.js递归组件构建一个可折叠的树形菜单
- 利用vue.js把静态json绑定bootstrap的table
- Vue.js-----轻量高效的MVVM框架,组件利用Props传递数据)
- Vue.js递归组件构建树形菜单
- 用Vue.js递归组件构建一个可折叠的树形菜单
- 利用vue.js把静态json绑定bootstrap的table方法
- 用Vue.js递归组件构建一个可折叠的树形菜单
- Vue.js-----轻量高效的MVVM框架(九、组件利用Props传递数据)
- [Vue.js启航]——多组件应用构建
- JS组件系列——又一款MVVM组件:Vue(二:构建自己的Vue组件)
- Vue.js-----轻量高效的MVVM框架(九、组件利用Props传递数据)
- 利用表格分页显示数据的js组件bootstrap datatable的使用
- JS组件系列——表格组件神器:bootstrap table(二:父子表和行列调序)
- JS组件系列——Bootstrap文件上传组件:bootstrap fileinput