利用纯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 miscellanea -display data real time, using window.status
Jan 09 Javascript
javascript知识点收藏
Feb 22 Javascript
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性
Aug 28 Javascript
js原生appendChild的bug解决心得分享
Jul 01 Javascript
JS分页控件 可用于无刷新分页
Jul 23 Javascript
jQuery中队列queue()函数的实例教程
May 03 Javascript
jquery.uploadifive插件怎么解决上传限制图片或文件大小问题
May 08 jQuery
JavaScript 基础表单验证示例(纯Js实现)
Jul 20 Javascript
js定时器+简单的动画效果实例
Nov 10 Javascript
javascript数组常见操作方法实例总结【连接、添加、删除、去重、排序等】
Jun 13 Javascript
Vue中登录验证成功后保存token,并每次请求携带并验证token操作
Sep 08 Javascript
Vue CLI中模式与环境变量的深入详解
May 30 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检测用户是否关闭浏览器的方法
2016/02/14 PHP
javascript css styleFloat和cssFloat
2010/03/15 Javascript
web页面数据展示新想法(json)
2010/06/08 Javascript
jQuery获取(选中)单选,复选框,下拉框中的值
2014/02/21 Javascript
jQuery中scrollTop()方法用法实例
2015/01/16 Javascript
JSON字符串和对象相互转换实例分析
2016/06/16 Javascript
AngularJS中的DOM操作用法分析
2016/11/04 Javascript
基于jQuery实现瀑布流页面
2017/04/11 jQuery
深入理解React Native原生模块与JS模块通信的几种方式
2017/07/24 Javascript
vue-cli配置环境变量的方法
2018/07/09 Javascript
解决vue+element 键盘回车事件导致页面刷新的问题
2018/08/25 Javascript
详解小程序如何动态绑定点击的执行方法
2019/11/26 Javascript
JavaScript indexOf()原理及使用方法详解
2020/07/09 Javascript
[33:23]VG vs Pain 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
机器学习10大经典算法详解
2017/12/07 Python
详解将Django部署到Centos7全攻略
2018/09/26 Python
Python面向对象程序设计类的多态用法详解
2019/04/12 Python
django admin后台添加导出excel功能示例代码
2019/05/15 Python
python 字符串追加实例
2019/07/20 Python
Python定时发送天气预报邮件代码实例
2019/09/09 Python
python中@property和property函数常见使用方法示例
2019/10/21 Python
基于Tensorflow使用CPU而不用GPU问题的解决
2020/02/07 Python
Python *args和**kwargs用法实例解析
2020/03/02 Python
python 使用递归的方式实现语义图片分割功能
2020/07/16 Python
简历的自荐信
2013/12/19 职场文书
幼儿园安全检查制度
2014/01/30 职场文书
会计自我鉴定
2014/02/04 职场文书
《猫》教学反思
2014/02/26 职场文书
《鲁班和橹板》教学反思
2014/04/27 职场文书
核心价值观演讲稿
2014/05/13 职场文书
低碳生活的宣传标语
2014/06/23 职场文书
公司市场专员岗位职责
2014/06/29 职场文书
2015年学校后勤工作总结
2015/04/08 职场文书
假如给我三天光明读书笔记
2015/06/26 职场文书
pandas 实现将NaN转换为None
2021/05/14 Python
Win11 PC上的Outlook搜索错误怎么办?
2022/07/15 数码科技