利用纯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 动态修改样式和层叠样式表代码
Apr 27 Javascript
用Javascript评估用户输入密码的强度实现代码
Nov 30 Javascript
jQuery动态添加删除select项(实现代码)
Sep 03 Javascript
jquery及原生js获取select下拉框选中的值示例
Oct 25 Javascript
JavaScript/Js脚本处理html元素的自定义属性解析(亲测兼容Firefox与IE)
Nov 25 Javascript
基于js与flash实现的网站flv视频播放插件代码
Oct 14 Javascript
JavaScript实现网页截图功能
Oct 16 Javascript
JavaScript中的object转换成number或string规则介绍
Dec 31 Javascript
详解Immutable及 React 中实践
Mar 01 Javascript
Angular单元测试之事件触发的实现
Jan 20 Javascript
在vant 中使用cell组件 定义图标该图片和位置操作
Nov 02 Javascript
js实现验证码干扰(动态)
Feb 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
php笔记之:文章中图片处理的使用
2013/04/26 PHP
PHP实现搜索地理位置及计算两点地理位置间距离的实例
2016/01/08 PHP
ThinkPHP和UCenter接口冲突的解决方法
2016/07/25 PHP
php array_merge_recursive 数组合并
2016/10/26 PHP
一个js封装的不错的选项卡效果代码
2008/02/15 Javascript
JavaScript 基础篇之运算符、语句(二)
2012/04/07 Javascript
jQuery点击tr实现checkbox选中的方法
2013/03/19 Javascript
extjs 3.31 TreeGrid实现静态页面加载json到TreeGrid里面
2013/04/02 Javascript
JavaScript实现维吉尼亚(Vigenere)密码算法实例
2013/11/22 Javascript
jquery中的常用事件bind、hover、toggle等示例介绍
2014/07/21 Javascript
js实例属性和原型属性示例详解
2014/11/23 Javascript
JavaScript实现的伸展收缩型菜单代码
2015/10/14 Javascript
对Js OOP编程 创建对象的一些全面理解
2016/07/26 Javascript
第一次接触Bootstrap框架
2016/10/24 Javascript
ajax实现动态下拉框示例
2017/01/10 Javascript
nodejs模块学习之connect解析
2017/07/05 NodeJs
node下使用UglifyJS压缩合并JS文件的方法
2018/03/07 Javascript
webpack4打包vue前端多页面项目
2018/09/17 Javascript
vue日历/日程提醒/html5本地缓存功能
2019/09/02 Javascript
Python学习笔记_数据排序方法
2014/05/22 Python
Python 闭包的使用方法
2017/09/07 Python
Python实现随机漫步功能
2018/07/09 Python
python3实现名片管理系统
2020/11/29 Python
Python使用Selenium爬取淘宝异步加载的数据方法
2018/12/17 Python
python实现把二维列表变为一维列表的方法分析
2019/10/08 Python
python实现两个一维列表合并成一个二维列表
2019/12/02 Python
无工作经验者个人求职信范文
2013/12/22 职场文书
金融系应届毕业生求职信
2014/05/26 职场文书
综治工作汇报材料
2014/10/27 职场文书
2014年社区妇联工作总结
2014/12/02 职场文书
基层党支部承诺书
2015/04/30 职场文书
小学运动会宣传稿
2015/07/23 职场文书
2016继续教育研修日志
2015/11/13 职场文书
二手手机买卖合同范本(2019年版)
2019/10/28 职场文书
Python编程super应用场景及示例解析
2021/10/05 Python
Redis 异步机制
2022/05/15 Redis