利用纯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 相关文章推荐
jquery中get,post和ajax方法的使用小结
Feb 04 Javascript
javascript中setTimeout的问题解决方法
May 08 Javascript
vue.js入门(3)——详解组件通信
Dec 02 Javascript
Vue.js路由组件vue-router使用方法详解
Dec 02 Javascript
vue2手机APP项目添加开屏广告或者闪屏广告
Nov 28 Javascript
深入理解vue中slot与slot-scope的具体使用
Jan 26 Javascript
微信小程序实现团购或秒杀批量倒计时
Nov 01 Javascript
JS实现数组的增删改查操作示例
Aug 29 Javascript
JS实现图片轮播效果实例详解【可自动和手动】
Apr 04 Javascript
实用Javascript调试技巧分享(小结)
Jun 18 Javascript
如何区分vue中的v-show 与 v-if
Sep 08 Javascript
SpringBoot+Vue开发之Login校验规则、实现登录和重置事件
Oct 19 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中使用Oracle数据库(5)
2006/10/09 PHP
php+AJAX传送中文会导致乱码的问题的解决方法
2008/09/08 PHP
php横向重复区域显示二法
2008/09/25 PHP
php中最简单的字符串匹配算法
2014/12/16 PHP
PHP中的随机性 你觉得自己幸运吗?
2016/01/22 PHP
利用 fsockopen() 函数开放端口扫描器的实例
2017/08/19 PHP
Javascript打印网页部分内容的脚本
2008/11/17 Javascript
jQuery 操作XML入门
2008/12/25 Javascript
Mozilla 表达式 __noSuchMethod__
2009/04/05 Javascript
讨论javascript(一)工厂方式 js面象对象的定义方法
2009/12/15 Javascript
也说JavaScript中String类的replace函数
2011/09/22 Javascript
框架页面高度自动刷新的Javascript脚本
2013/11/01 Javascript
浅析JQuery UI Dialog的样式设置问题
2013/12/18 Javascript
Script标签与访问HTML页面详解
2014/01/10 Javascript
使用mouse事件实现简单的鼠标经过特效
2015/01/30 Javascript
浅谈js基本数据类型和typeof
2016/08/09 Javascript
es6+angular1.X+webpack 实现按路由功能打包项目的示例
2017/08/16 Javascript
JavaScript实现的简单Tab点击切换功能示例
2018/07/06 Javascript
Vue.js实现的购物车功能详解
2019/01/27 Javascript
vue拖拽组件 vuedraggable API options实现盒子之间相互拖拽排序
2019/07/08 Javascript
在 Vue 中使用 JSX 及使用它的原因浅析
2020/02/10 Javascript
vue 限制input只能输入正数的操作
2020/08/05 Javascript
Python中生成器和yield语句的用法详解
2015/04/17 Python
Python 模拟购物车的实例讲解
2017/09/11 Python
python使用 request 发送表单数据操作示例
2019/09/25 Python
HTML5里的placeholder属性使用实例和美化显示效果的方法
2014/04/23 HTML / CSS
HTML5超文本标记语言的实现方法
2020/09/24 HTML / CSS
Bath & Body Works阿联酋:在线购买沐浴和身体用品
2021/02/27 全球购物
网站开发实习生的自我评价
2013/12/11 职场文书
高中生期末评语大全
2014/01/28 职场文书
项目合作协议书
2014/04/16 职场文书
2014年小学生教师节演讲稿范文
2014/09/10 职场文书
四风对照检查材料范文
2014/09/27 职场文书
钱学森观后感
2015/06/04 职场文书
如何撰写出一份完美的商业计划书?
2019/07/12 职场文书
vue动态绑定style样式
2022/04/20 Vue.js