利用纯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 相关文章推荐
关于JavaScript定义类和对象的几种方式
Nov 09 Javascript
jquery图片播放浏览插件prettyPhoto使用详解
Dec 19 Javascript
jQuery简单实现日历的方法
May 04 Javascript
JQ技术实现注册页面带有校验密码强度
Jul 27 Javascript
不同js异步函数同步的实现方法
May 28 Javascript
javascript的document中的动态添加标签实现方法
Oct 24 Javascript
微信小程序 本地数据读取实例
Apr 27 Javascript
package.json文件配置详解
Jun 15 Javascript
页面点击小红心js实现代码
May 26 Javascript
Vue中android4.4不兼容问题的解决方法
Sep 04 Javascript
浅谈webpack4 图片处理汇总
Sep 12 Javascript
详解JavaScript 的变量
Mar 08 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
PHP生成指定长度随机数最简洁的方法
2014/07/14 PHP
php获取文件名后缀常用方法小结
2015/02/24 PHP
详解thinkphp中的volist标签
2018/01/15 PHP
原生php实现excel文件读写的方法分析
2018/04/25 PHP
JS Range HTML文档/文字内容选中、库及应用介绍
2011/05/12 Javascript
jQuery jcrop插件截图使用方法
2013/11/20 Javascript
javascript模拟订火车票和退票示例
2014/04/24 Javascript
不同js异步函数同步的实现方法
2016/05/28 Javascript
原生js实现中奖信息无间隙滚动效果
2017/01/18 Javascript
JavaScript中最常见的三个面试题解析
2017/03/04 Javascript
angular.js+node.js实现下载图片处理详解
2017/03/31 Javascript
Angular2生命周期钩子函数的详细介绍
2017/07/10 Javascript
nodejs中安装ghost出错的原因及解决方法
2017/10/23 NodeJs
使用Vue.js中的过滤器实现幂方求值的方法
2019/08/27 Javascript
layui 实现自动选择radio单选框(checked)的方法
2019/09/03 Javascript
Django接受前端数据的几种方法总结
2016/11/04 Python
Java及python正则表达式详解
2017/12/27 Python
Python实现的简单计算器功能详解
2018/08/25 Python
Python实现登陆文件验证方法
2018/10/06 Python
python中pika模块问题的深入探究
2018/10/13 Python
Kears+Opencv实现简单人脸识别
2019/08/28 Python
python实现四人制扑克牌游戏
2020/04/22 Python
Python同时迭代多个序列的方法
2020/07/28 Python
新西兰最大的在线设计师眼镜店:SmartBuyGlasses新西兰
2017/10/20 全球购物
德国运动营养和健身网上商店:Myprotein.de
2018/07/18 全球购物
工作失职检讨书范文
2014/01/16 职场文书
应届中专生自荐书范文
2014/02/13 职场文书
安全生产中长期规划实施方案
2014/02/21 职场文书
个人租房协议书样本
2014/10/01 职场文书
婚前协议书标准版
2014/10/19 职场文书
私用公车造成事故检讨书
2014/11/16 职场文书
通用员工手册范本
2015/05/14 职场文书
教师节获奖感言
2015/07/31 职场文书
省级三好学生主要事迹材料
2015/11/03 职场文书
80后创业总结的9条职场用人思想,记得收藏
2019/08/13 职场文书
OpenCV图像变换之傅里叶变换的一些应用
2021/07/26 Python