利用纯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实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器
Jun 06 Javascript
jQuery之日期选择器的深入解析
Jun 19 Javascript
点击进行复制的JS代码实例
Aug 23 Javascript
javascript中apply和call方法的作用及区别说明
Feb 14 Javascript
javascript Deferred和递归次数限制实例
Oct 21 Javascript
JavaScript中使用concat()方法拼接字符串的教程
Jun 06 Javascript
JQuery包裹DOM节点的方法
Jun 11 Javascript
vue中用H5实现文件上传的方法实例代码
May 27 Javascript
vue 移动端适配方案详解
Nov 15 Javascript
jQuery利用FormData上传文件实现批量上传
Dec 04 jQuery
vant(ZanUi)结合async-validator实现表单验证的方法
Dec 06 Javascript
javascript对象3个属性特征
Nov 17 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中使用XML
2006/10/09 PHP
PHP 观察者模式的实现代码
2013/05/10 PHP
php中的常用魔术方法汇总
2016/02/14 PHP
PHP中echo与print区别点整理
2021/03/09 PHP
初学prototype,发个JS接受URL参数的代码
2006/09/25 Javascript
javascript 上下banner替换具体实现
2013/11/14 Javascript
浅谈JQuery+ajax+jsonp 跨域访问
2016/06/25 Javascript
AngularJs页面筛选标签小功能
2016/08/01 Javascript
javascript工厂模式和构造函数模式创建对象方法解析
2016/12/30 Javascript
vue子组件使用自定义事件向父组件传递数据
2017/05/27 Javascript
带你了解session和cookie作用原理区别和用法
2017/08/14 Javascript
图文讲解vue的v-if使用方法
2019/02/11 Javascript
jQuery操作cookie的示例代码
2019/06/05 jQuery
解决vue组件props传值对象获取不到的问题
2019/06/06 Javascript
vue中filters 传入两个参数 / 使用两个filters的实现方法
2019/07/15 Javascript
Vue封装的组件全局注册并引用
2019/07/24 Javascript
小程序分享链接onShareAppMessage的具体用法
2020/05/22 Javascript
JavaScript基于用户照片姓名生成海报
2020/05/29 Javascript
Python下rrdtool模块的基本使用方法
2015/11/13 Python
Python列表删除的三种方法代码分享
2017/10/31 Python
Python爬取附近餐馆信息代码示例
2017/12/09 Python
详解使用python绘制混淆矩阵(confusion_matrix)
2019/07/14 Python
python制作英语翻译小工具代码实例
2019/09/09 Python
Python django框架开发发布会签到系统(web开发)
2020/02/12 Python
python属于哪种语言
2020/08/16 Python
python 贪心算法的实现
2020/09/18 Python
Pycharm创建文件时自动生成文件头注释(自定义设置作者日期)
2020/11/24 Python
团员个人的自我评价
2013/12/02 职场文书
实习生岗位职责
2014/04/12 职场文书
水电站项目建议书
2014/05/12 职场文书
教师党员承诺书2015
2015/01/21 职场文书
2015年圣诞节活动总结
2015/03/24 职场文书
区域销售经理岗位职责
2015/04/02 职场文书
2015年班长个人工作总结
2015/04/03 职场文书
话题作文之诚信
2019/11/28 职场文书
利用python调用摄像头的实例分析
2021/06/07 Python