利用纯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使用cookie
Feb 02 Javascript
js实现运行代码需要刷新的解决方法
Aug 18 Javascript
对xmlHttp对象方法和属性的理解
Jan 17 Javascript
javascript setinterval 的正确语法如何书写
Jun 17 Javascript
jQuery.holdReady()方法用法实例
Dec 27 Javascript
简介AngularJS的HTML DOM支持情况
Jun 17 Javascript
详解基于vue的服务端渲染框架NUXT
Jun 20 Javascript
使用node.js实现微信小程序实时聊天功能
Aug 13 Javascript
微信小程序用户授权,以及判断登录是否过期的方法
May 10 Javascript
jQuery提示框插件SweetAlert用法分析
Aug 05 jQuery
jQuery 选择器用法实例分析【prev + next】
May 22 jQuery
vue实现input输入模糊查询的三种方式
Aug 14 Vue.js
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 mssql 日期出现中文字符的解决方法
2009/03/10 PHP
PHP可变函数的使用详解
2013/06/14 PHP
Smarty变量调节器失效的解决办法
2014/08/20 PHP
php猴子选大王问题解决方法
2015/05/12 PHP
PHP接入微信H5支付的方法示例
2019/10/28 PHP
jQuery中append、insertBefore、after与insertAfter的简单用法与注意事项
2020/04/04 Javascript
输入框的字数时时统计—关于 onpropertychange 和 oninput 使用
2011/10/21 Javascript
js为鼠标添加右击事件防止默认的右击菜单弹出
2013/07/29 Javascript
js中生成map对象的方法
2014/01/09 Javascript
在Firefox下js select标签点击无法弹出
2014/03/06 Javascript
JavaScript函数获取事件源的小例子
2014/05/14 Javascript
js判断请求的url是否可访问,支持跨域判断的实现方法
2016/09/17 Javascript
jQuery UI Draggable + Sortable 结合使用(实例讲解)
2017/09/07 jQuery
jquery动态添加以及遍历option并获取特定样式名称的option方法
2018/01/29 jQuery
详解react-redux插件入门
2018/04/19 Javascript
详解vue 计算属性与方法跟侦听器区别(面试考点)
2018/04/23 Javascript
微信小程序自定义tabBar组件开发详解
2020/09/24 Javascript
15分钟深入了解JS继承分类、原理与用法
2019/01/19 Javascript
[04:32]DOTA2著名解说配音敌法师 现场专访海涛怒切假腿
2013/12/20 DOTA
[01:05:40]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS DT第三场
2014/05/24 DOTA
[02:46]解说DC:感谢430陪伴我们的DOTA2国际邀请赛岁月
2016/06/29 DOTA
Python进行数据科学工作的简单入门教程
2015/04/01 Python
Python守护进程用法实例分析
2015/06/04 Python
Python随手笔记之标准类型内建函数
2015/12/02 Python
python生成1行四列全2矩阵的方法
2018/08/04 Python
django实现用户注册实例讲解
2019/10/30 Python
浅谈Python描述数据结构之KMP篇
2020/09/06 Python
欧缇丽英国官方网站:Caudalie英国
2016/08/17 全球购物
英国护肤品购物网站:Beauty Expert
2016/08/19 全球购物
Osklen官方在线商店:巴西服装品牌
2019/04/25 全球购物
求职面试个人自我评价
2014/02/28 职场文书
公司合作意向书
2014/04/01 职场文书
竞选部长演讲稿
2014/04/26 职场文书
就职演讲稿范文
2014/05/19 职场文书
节约用电标语
2014/06/17 职场文书
2015年元旦文艺晚会总结(学院)
2014/11/28 职场文书