利用纯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实时获取系统当前时间实例代码
Jun 28 Javascript
在子窗口中关闭父窗口的一句代码
Oct 21 Javascript
JavaScript仿商城实现图片广告轮播实例代码
Feb 06 Javascript
实现easyui的datagrid导出为excel的示例代码
Nov 10 Javascript
Vue.js组件tabs实现选项卡切换效果
Dec 01 Javascript
jquery Form轻松实现文件上传
May 24 jQuery
详解windows下vue-cli及webpack 构建网站(二)导入bootstrap样式
Jun 17 Javascript
页面点击小红心js实现代码
May 26 Javascript
vue实现父子组件之间的通信以及兄弟组件的通信功能示例
Jan 29 Javascript
vue draggable resizable gorkys与v-chart使用与总结
Sep 05 Javascript
JavaScript交换两个变量方法实例
Nov 25 Javascript
Vue-router中hash模式与history模式的区别详解
Dec 15 Vue.js
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 spl_autoload_register实现自动加载研究
2011/12/06 PHP
PHP判断变量是否为0的方法
2014/02/08 PHP
php多文件上传下载示例分享
2014/02/20 PHP
PHP的fsockopen、pfsockopen函数被主机商禁用的解决办法
2014/07/08 PHP
简单谈谈PHP中的Reload操作
2016/12/12 PHP
thinkPHP框架通过Redis实现增删改查操作的方法详解
2019/05/13 PHP
js实现简单模态窗口,背景灰显
2008/11/14 Javascript
目前流行的JavaScript库的介绍及对比
2013/09/29 Javascript
js jquery分别实现动态的文件上传操作按钮的添加和删除
2014/01/13 Javascript
JavaScript关闭当前页面(窗口)不带任何提示
2014/03/26 Javascript
微信小程序 UI布局常用技巧整理总结
2016/12/05 Javascript
JS中绑定事件顺序(事件冒泡与事件捕获区别)
2017/01/24 Javascript
canvas 绘制圆形时钟
2017/02/22 Javascript
bootstrap-Treeview实现级联勾选
2017/11/23 Javascript
js实现下拉框二级联动
2018/12/04 Javascript
vue组件文档(.md)中如何自动导入示例(.vue)详解
2019/01/25 Javascript
微信小程序中插入激励视频广告并获取收益(实例代码)
2019/12/06 Javascript
webpack 最佳配置指北(推荐)
2020/01/07 Javascript
vuejs中父子组件之间通信方法实例详解
2020/01/17 Javascript
javascript设计模式 ? 抽象工厂模式原理与应用实例分析
2020/04/09 Javascript
关于angular 8.1使用过程中的一些记录
2020/11/25 Javascript
利用Hyperic调用Python实现进程守护
2018/01/02 Python
Python中GeoJson和bokeh-1的使用讲解
2019/01/03 Python
在Pandas中处理NaN值的方法
2019/06/25 Python
python conda操作方法
2019/09/11 Python
Python字符编码转码之GBK,UTF8互转
2020/02/09 Python
python palywright库基本使用
2021/01/21 Python
Spy++的使用方法及下载教程
2021/01/29 Python
python 模块导入问题汇总
2021/02/01 Python
加拿大国民体育购物网站:National Sports
2018/11/04 全球购物
Perfume’s Club意大利官网:欧洲美妆电商
2019/05/03 全球购物
美国在线鞋类零售商:LifeStride
2019/06/09 全球购物
大学生自我鉴定范文模板
2014/01/21 职场文书
工伤事故证明
2014/10/20 职场文书
全国助残日活动总结
2015/05/11 职场文书
Oracle中DBLink的详细介绍
2022/04/29 Oracle