利用纯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 相关文章推荐
js实现精美的银灰色竖排折叠菜单
May 16 Javascript
jQuery实现网页抖动的菜单抖动效果
Aug 07 Javascript
jQuery仿360导航页图标拖动排序效果代码分享
Aug 24 Javascript
jQuery图片轮播滚动切换代码分享
Apr 20 Javascript
vue 请求后台数据的实例代码
Jun 22 Javascript
Vue.directive 自定义指令的问题小结
Mar 04 Javascript
JavaScript的数据类型转换原则(干货)
Mar 15 Javascript
jQuery easyui datagird编辑行删除行功能的实现代码
Sep 20 jQuery
jQuery.validate.js表单验证插件的使用代码详解
Oct 22 jQuery
详解微信小程序之一键复制到剪切板
Apr 24 Javascript
javascript实现blob加密视频源地址的方法
Aug 08 Javascript
详解node登录接口之密码错误限制次数(含代码)
Oct 25 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
无线电的诞生过程
2021/03/01 无线电
php之Memcache学习笔记
2013/06/17 PHP
php实现上传图片文件代码
2015/07/19 PHP
Yii2实现自定义独立验证器的方法
2017/05/05 PHP
JS查看对象功能代码
2008/04/25 Javascript
javaScript 利用闭包模拟对象的私有属性
2011/12/29 Javascript
JQuery魔力之$("tagName")与selector
2012/03/05 Javascript
使用jQuery validate 验证注册表单实例演示
2013/03/25 Javascript
JS动态添加option和删除option(附实例代码)
2013/04/01 Javascript
Javascript中的String对象详谈
2014/03/03 Javascript
JS常用表单验证方法总结
2014/05/22 Javascript
JS中实现简单Formatter函数示例代码
2014/08/19 Javascript
js实现拖拽效果
2015/02/12 Javascript
javascript截取字符串小结
2015/04/28 Javascript
实例详解AngularJS实现无限级联动菜单
2016/01/15 Javascript
jquery 全选、全不选、反选效果的实现代码【推荐】
2016/05/05 Javascript
如何在AngularJs中调用第三方插件库
2017/05/21 Javascript
NodeJS爬虫实例之糗事百科
2017/12/14 NodeJs
jQuery发请求传输中文参数乱码问题的解决方案
2018/05/22 jQuery
解决vue中监听input只能输入数字及英文或者其他情况的问题
2018/08/30 Javascript
js实现随机圆与矩形功能
2020/10/29 Javascript
[01:33]DOTA2上海特级锦标赛 LIQUID战队完整宣传片
2016/03/16 DOTA
python3学习笔记之多进程分布式小例子
2018/02/13 Python
Anaconda2下实现Python2.7和Python3.5的共存方法
2018/06/11 Python
python将print输出的信息保留到日志文件中
2019/09/27 Python
50行Python代码实现视频中物体颜色识别和跟踪(必须以红色为例)
2019/11/20 Python
基于python实现地址和经纬度转换
2020/05/19 Python
keras model.fit 解决validation_spilt=num 的问题
2020/06/19 Python
加拿大国民体育购物网站:National Sports
2018/11/04 全球购物
介绍一下Make? 为什么使用make
2013/12/08 面试题
演讲稿开场白
2014/01/13 职场文书
公司会议策划方案
2014/05/17 职场文书
2015年母亲节寄语
2015/03/23 职场文书
郭明义观后感
2015/06/08 职场文书
background-position百分比原理详解
2021/05/08 HTML / CSS
mysql5.7使用binlog 恢复数据的方法
2021/06/03 MySQL