利用纯Vue.js构建Bootstrap组件


Posted in Javascript onNovember 03, 2016

没有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前端组件学习教程》,欢迎大家学习阅读。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
document.all还是document.getElementsByName?
Jul 21 Javascript
Date对象格式化函数代码
Jul 17 Javascript
用XMLDOM和ADODB.Stream实现base64编码解码实现代码
Nov 28 Javascript
js 3种归并操作的实例代码
Oct 30 Javascript
javascript通过className来获取元素的简单示例代码
Jan 10 Javascript
js判断价格,必须为数字且不能为负数的实现方法
Oct 07 Javascript
JavaScript中setTimeout的那些事儿
Nov 14 Javascript
jquery表单插件form使用方法详解
Jan 20 Javascript
JS中将多个逗号替换为一个逗号的实现代码
Jun 23 Javascript
node-sass安装失败的原因与解决方法
Sep 04 Javascript
深入了解JavaScript 防抖和节流
Sep 12 Javascript
vuex + keep-alive实现tab标签页面缓存功能
Oct 17 Javascript
jQuery下拉菜单的实现代码
Nov 03 #Javascript
AngularJS辅助库browserTrigger用法示例
Nov 03 #Javascript
AngularJS使用ng-Cloak阻止初始化闪烁问题的方法
Nov 03 #Javascript
Vue.js实现无限加载与分页功能开发
Nov 03 #Javascript
vue自定义指令实现v-tap插件
Nov 03 #Javascript
angular ngClick阻止冒泡使用默认行为的方法
Nov 03 #Javascript
vue.js指令v-for使用及索引获取
Nov 03 #Javascript
You might like
APACHE的AcceptPathInfo指令使用介绍
2013/01/18 PHP
php 创建以UNIX时间戳命名的文件夹(示例代码)
2014/03/08 PHP
基于PHP后台的Android新闻浏览客户端
2016/05/23 PHP
Laravel框架Eloquent ORM简介、模型建立及查询数据操作详解
2019/12/04 PHP
jQuery $.each的用法说明
2010/03/22 Javascript
jQuery之网页换肤实现代码
2011/04/30 Javascript
brook javascript框架介绍
2011/10/10 Javascript
jQuery之尺寸调整组件的深入解析
2013/06/19 Javascript
javascript禁用键盘功能键让右击及其他键无效
2013/10/09 Javascript
jQuery 无刷新分页实例代码
2013/11/12 Javascript
js中的布尔运算符使用介绍
2013/11/20 Javascript
js调用打印机打印网页字体总是缩小一号的解决方法
2014/01/24 Javascript
Jquery通过JSON字符串创建JSON对象
2014/08/24 Javascript
jQuery的one()方法用法实例
2015/01/19 Javascript
JavaScript的jQuery库插件的简要开发指南
2015/08/12 Javascript
javascript实现下拉提示选择框
2015/12/29 Javascript
JS DOM实现鼠标滑动图片效果
2020/09/17 Javascript
使用jsonp实现跨域获取数据实例讲解
2016/12/25 Javascript
解决OneThink中无法异步提交kindeditor文本框中修改后的内容方法
2017/05/05 Javascript
nodejs中安装ghost出错的原因及解决方法
2017/10/23 NodeJs
js闭包学习心得总结
2018/04/17 Javascript
vue检测对象和数组的变化分析
2018/06/30 Javascript
vue弹出框组件封装实例代码
2019/10/31 Javascript
vue中get请求如何传递数组参数的方法示例
2019/11/08 Javascript
Python程序设计入门(4)模块和包
2014/06/16 Python
python利用MethodType绑定方法到类示例代码
2017/08/27 Python
Django集成搜索引擎Elasticserach的方法示例
2019/06/04 Python
解决安装python3.7.4报错Can''t connect to HTTPS URL because the SSL module is not available
2019/07/31 Python
如何基于python实现不邻接植花
2020/05/01 Python
tensorflow使用L2 regularization正则化修正overfitting过拟合方式
2020/05/22 Python
使用css3实现的windows8开机加载动画
2014/12/09 HTML / CSS
Omio波兰:全欧洲低价大巴、火车和航班搜索和比价
2018/02/16 全球购物
美国最受欢迎的度假目的地优惠套餐:BookVIP
2018/09/27 全球购物
校园之星获奖感言
2014/01/29 职场文书
2016年校园植树节广播稿
2015/12/17 职场文书
一文搞懂Python Sklearn库使用
2021/08/23 Python