利用纯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 相关文章推荐
js 判断一个元素是否在页面中存在
Dec 27 Javascript
javascript中注册和移除事件的4种方式
Mar 20 Javascript
jquery拖拽效果完整实例(附demo源码下载)
Jan 14 Javascript
用AngularJS来实现监察表单按钮的禁用效果
Nov 02 Javascript
Bootstrap复选框和单选按钮美化插件(推荐)
Nov 23 Javascript
bootstrap table配置参数例子
Jan 05 Javascript
vue获取DOM元素并设置属性的两种实现方法
Sep 30 Javascript
vue加载自定义的js文件方法
Mar 13 Javascript
详解Vue中数组和对象更改后视图不刷新的问题
Sep 21 Javascript
JQuery获得内容和属性方法解析
May 30 jQuery
在js文件中引入(调用)另一个js文件的三种方法
Sep 11 Javascript
vue使用video插件vue-video-player的示例
Oct 03 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字符串word末字符实现大小写互换的方法
2014/11/10 PHP
phpStudy配置多站点多域名方法及遇到的403错误解决方法
2017/10/19 PHP
jQuery实现跨域iframe接口方法调用
2015/03/14 Javascript
浅谈javascript实现八大排序
2015/04/27 Javascript
javascript实现日期按月份加减
2015/05/15 Javascript
深入理解JavaScript编程中的原型概念
2015/06/25 Javascript
jQuery计算文本框字数及限制文本框字数的方法
2016/03/01 Javascript
Angular2实现自定义双向绑定属性
2017/03/22 Javascript
Vue表单输入绑定的示例代码
2018/11/01 Javascript
详解vuex中action何时完成以及如何正确调用dispatch的思考
2019/01/21 Javascript
JS实现公告上线滚动效果
2021/01/10 Javascript
零基础学Python(一)Python环境安装
2014/08/20 Python
Python中操作符重载用法分析
2016/04/29 Python
Python学习小技巧之列表项的推导式与过滤操作
2017/05/20 Python
利用python求解物理学中的双弹簧质能系统详解
2017/09/29 Python
Python3 处理JSON的实例详解
2017/10/29 Python
python3处理含有中文的url方法
2018/05/10 Python
Python高级特性与几种函数的讲解
2019/03/08 Python
python3使用matplotlib绘制条形图
2020/03/25 Python
详解用python自制微信机器人,定时发送天气预报
2019/03/25 Python
Python判断对象是否为文件对象(file object)的三种方法示例
2019/04/26 Python
解决python3插入mysql时内容带有引号的问题
2020/03/02 Python
简单的命令查看安装的python版本号
2020/08/28 Python
Pycharm2020最新激活码|永久激活(附最新激活码和插件的详细教程)
2020/09/29 Python
Python用SSH连接到网络设备
2021/02/18 Python
英国在线女鞋目的地:SIMMI
2018/12/27 全球购物
全球性的女装店:storets
2019/06/12 全球购物
彪马西班牙官网:PUMA西班牙
2019/06/18 全球购物
得到Class的三个过程是什么
2012/08/10 面试题
品酒会策划方案
2014/05/26 职场文书
股东合作协议书
2014/09/12 职场文书
授权委托书范本(单位)
2014/09/28 职场文书
写给领导的感谢信
2015/01/22 职场文书
2015社区爱国卫生工作总结
2015/04/21 职场文书
Nginx源码编译安装过程记录
2021/11/17 Servers
Go语言grpc和protobuf
2022/04/13 Golang