利用纯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现实多行信息
Aug 26 Javascript
Javascript 异步加载详解(浏览器在javascript的加载方式)
May 20 Javascript
Jquery中给animation加更多的运作效果实例
Sep 05 Javascript
JQuery拖动表头边框线调整表格列宽效果代码
Sep 10 Javascript
Javascript基础知识(三)BOM,DOM总结
Sep 29 Javascript
JS实现适合于后台使用的动画折叠菜单效果
Sep 21 Javascript
深入php面向对象、模式与实践
Feb 16 Javascript
使用JavaScript获取URL中的参数(两种方法)
Nov 16 Javascript
vue2.0+vue-dplayer实现hls播放的示例
Mar 02 Javascript
详解基于Koa2开发微信二维码扫码支付相关流程
May 16 Javascript
简单的React SSR服务器渲染实现
Dec 11 Javascript
JS中实现浅拷贝和深拷贝的代码详解
Jun 05 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 文本文件的读取效率
2012/02/10 PHP
PHP 登录完成后如何跳转上一访问页面
2014/01/14 PHP
php的array数组和使用实例简明教程(容易理解)
2014/03/20 PHP
PHP独立Session数据库存储操作类分享
2014/06/11 PHP
PHP高级编程实例:编写守护进程
2014/09/02 PHP
Jquery调用webService远程访问出错的解决方法
2010/05/21 Javascript
javascript nextSibling 与 getNextElement(node) 使用介绍
2011/10/13 Javascript
Javascript算符的优先级介绍
2013/03/20 Javascript
jquery常用操作小结
2014/07/21 Javascript
javascript里使用php代码实例
2014/12/13 Javascript
JS随机调用指定函数的方法
2015/07/01 Javascript
Javascript中函数名.length属性用法分析(对比arguments.length)
2016/09/16 Javascript
JavaScript解析JSON格式数据的方法示例
2017/01/24 Javascript
详解设置Webstorm 利用babel将ES6自动转码成ES5
2017/12/20 Javascript
jsonp跨域获取百度联想词的方法分析
2019/05/13 Javascript
详解vue 动态加载并注册组件且通过 render动态创建该组件
2019/05/30 Javascript
js定时器出现第一次延迟的原因及解决方法
2021/01/04 Javascript
python将MongoDB里的ObjectId转换为时间戳的方法
2015/03/13 Python
Python中encode()方法的使用简介
2015/05/18 Python
Python yield与实现方法代码分析
2018/02/06 Python
pygame游戏之旅 创建游戏窗口界面
2018/11/20 Python
对python实现模板生成脚本的方法详解
2019/01/30 Python
python动态进度条的实现代码
2019/07/03 Python
详解python中的time和datetime的常用方法
2019/07/08 Python
Python实现socket非阻塞通讯功能示例
2019/11/06 Python
python 中的[:-1]和[::-1]的具体使用
2020/02/13 Python
浅谈pytorch池化maxpool2D注意事项
2020/02/18 Python
Python函数参数定义及传递方式解析
2020/06/10 Python
Python Excel vlookup函数实现过程解析
2020/06/22 Python
利用CSS3参考手册和CSS3代码生成工具加速来学习网页制
2012/07/11 HTML / CSS
html5 浏览器支持 如何让所有的浏览器都支持HTML5标签样式
2012/12/07 HTML / CSS
Html5 FileReader实现即时上传图片功能实例代码
2014/09/01 HTML / CSS
梅花魂教学反思
2014/04/25 职场文书
学雷锋活动总结报告
2014/06/26 职场文书
群众路线自查自纠工作情况报告
2014/10/28 职场文书
详解JavaScript中Arguments对象用途
2021/08/30 Javascript