利用纯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 相关文章推荐
ASP中Sub和Function的区别说明
Aug 30 Javascript
js函数返回多个返回值的示例代码
Nov 05 Javascript
javascript每日必学之运算符
Feb 16 Javascript
js中遍历对象的属性和值的方法
Jul 27 Javascript
第一次接触神奇的Bootstrap
Oct 14 Javascript
Kindeditor单独调用多图上传实例
Jul 31 Javascript
通过vue-router懒加载解决首次加载时资源过多导致的速度缓慢问题
Apr 08 Javascript
layDate插件设置开始和结束时间
Nov 15 Javascript
微信小程序自定义组件传值 页面和组件相互传数据操作示例
May 05 Javascript
Javascript 对象(object)合并操作实例分析
Jul 30 Javascript
vue实现文字加密功能
Sep 27 Javascript
JavaScript 中判断变量是否为数字的示例代码
Oct 22 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中上传大体积文件时需要的设置
2006/10/09 PHP
php写一个函数,实现扫描并打印出自定目录下(含子目录)所有jpg文件名
2017/05/26 PHP
php 将json格式数据转换成数组的方法
2018/08/21 PHP
优化javascript的执行速度
2010/01/23 Javascript
使用apply方法处理数组的三个技巧[译]
2012/09/20 Javascript
bootstrap data与jquery .data
2014/07/07 Javascript
js实现网页多级级联菜单代码
2015/08/20 Javascript
Javascript简写条件语句(推荐)
2016/06/12 Javascript
JS添加删除DIV的简单实例
2016/07/08 Javascript
深入浅出ES6新特性之函数默认参数和箭头函数
2016/08/01 Javascript
jquery插件uploadify多图上传功能实现代码
2016/08/12 Javascript
ES6新特性之数组、Math和扩展操作符用法示例
2017/04/01 Javascript
JS使用ActiveXObject实现用户提交表单时屏蔽敏感词功能
2017/06/20 Javascript
JS 判断某变量是否为某数组中的一个值的3种方法(总结)
2017/07/10 Javascript
关于Ajax的原理以及代码封装详解
2017/09/08 Javascript
理解 JavaScript EventEmitter
2018/03/29 Javascript
微信小程序中使用自定义图标(阿里icon)的方法
2018/08/20 Javascript
nodejs的安装使用与npm的介绍
2019/09/11 NodeJs
uni-app从安装到卸载的入门教程
2020/05/15 Javascript
[01:07:47]Secret vs Optic Supermajor 胜者组 BO3 第一场 6.4
2018/06/05 DOTA
[43:35]EG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
用python写asp详细讲解
2013/12/16 Python
Python中关键字is与==的区别简述
2014/07/31 Python
Python实现的各种常见分布算法示例
2018/12/13 Python
python增加图像对比度的方法
2019/07/12 Python
Pandas DataFrame中的tuple元素遍历的实现
2019/10/23 Python
python os.path.isfile()因参数问题判断错误的解决
2019/11/29 Python
日本著名的平价时尚女性购物网站:Fifth
2016/08/24 全球购物
白色公司:The White Company
2017/10/11 全球购物
365 Tickets英国:全球景点门票
2019/07/06 全球购物
Kickers鞋英国官网:男士、女士和儿童鞋
2021/03/08 全球购物
初中生庆国庆演讲稿范文2014
2014/09/25 职场文书
2015年领班工作总结
2015/04/29 职场文书
地震捐款简报
2015/07/21 职场文书
教务处干事工作总结
2015/08/14 职场文书
redis的list数据类型相关命令介绍及使用
2022/01/18 Redis