利用纯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 相关文章推荐
SyntaxHighlighter代码加色使用方法
Sep 07 Javascript
基于jquery的横向滚动条(滑动条)
Feb 24 Javascript
jquery.Jwin.js 基于jquery的弹出层插件代码
May 23 Javascript
js判断为空Null与字符串为空简写方法
Feb 24 Javascript
如何用JavaScript定义一个类
Sep 12 Javascript
jQuery on()方法使用技巧详解
Apr 16 Javascript
每日十条JavaScript经验技巧(一)
Jun 23 Javascript
基于cookie实现zTree树刷新后展开状态不变
Feb 28 Javascript
深入理解Angular4订阅(Subscribe)与取消
Nov 22 Javascript
Vue2实时监听表单变化的示例讲解
Aug 30 Javascript
jqGrid表格底部汇总、合计行footerrow处理
Aug 21 Javascript
微信小程序之下拉列表实现方法解析(附完整源码)
Aug 23 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
2020年4月新番动漫目录 官方宣布4月播出的作品一览
2020/03/08 日漫
PHP7内核之Reference详解
2019/03/14 PHP
FireFox中textNode分片的问题
2007/04/10 Javascript
js实现页面转发功能示例代码
2013/08/05 Javascript
JavaScript怎么判断图片是否加载完成以便获取其尺寸
2014/05/08 Javascript
jQuery的:parent选择器定义和用法
2014/07/01 Javascript
初识Node.js
2014/09/03 Javascript
JavaScript的作用域和块级作用域概念理解
2014/09/21 Javascript
Nodejs全栈框架StrongLoop推荐
2014/11/09 NodeJs
jQuery实现滚动切换的tab选项卡效果代码
2015/08/26 Javascript
JavaScript类型系统之正则表达式
2016/01/05 Javascript
JS实现线性表的顺序表示方法示例【经典数据结构】
2017/04/11 Javascript
使用 Javascript 实现浏览器推送提醒功能的示例
2017/11/03 Javascript
vue几个常用跨域处理方式介绍
2018/02/07 Javascript
vue项目中使用vue-i18n报错的解决方法
2019/01/13 Javascript
vue2.0中set添加属性后视图不能更新的解决办法
2019/02/22 Javascript
详解可以用在VS Code中的正则表达式小技巧
2019/05/14 Javascript
小程序怎样让wx.navigateBack更好用的方法实现
2019/11/01 Javascript
jQuery中getJSON跨域原理的深入讲解
2020/09/02 jQuery
Python入门篇之编程习惯与特点
2014/10/17 Python
用Python编写简单的定时器的方法
2015/05/02 Python
Python退火算法在高次方程的应用
2018/07/26 Python
复化梯形求积分实例——用Python进行数值计算
2019/11/20 Python
Tensorflow矩阵运算实例(矩阵相乘,点乘,行/列累加)
2020/02/05 Python
python实现AdaBoost算法的示例
2020/10/03 Python
python实现定时发送邮件到指定邮箱
2020/12/23 Python
CSS3教程:边框属性border的极致应用
2009/04/02 HTML / CSS
如何写出高性能的JSP和Servlet
2013/01/22 面试题
AOP的定义以及作用
2013/09/08 面试题
公司市场部岗位职责
2013/12/02 职场文书
大专会计自我鉴定
2014/02/06 职场文书
大学生考试作弊被抓检讨书
2014/12/27 职场文书
2015年八一建军节演讲稿
2015/03/19 职场文书
确保工程质量承诺书
2015/04/29 职场文书
十大最强奥特曼武器:怪兽战斗仪在榜,第五奥特之父只使用过一次
2022/03/18 日漫
SQLServer权限之只开启创建表权限
2022/04/12 SQL Server