利用纯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实现图片灯箱明暗的遮罩效果
Nov 15 Javascript
js获取UserControl内容为拼html时提供方便
Nov 02 Javascript
jquery插件star-rating.js实现星级评分特效
Apr 15 Javascript
JQuery显示、隐藏div的几种方法简明总结
Apr 16 Javascript
jquery实现ajax提交表单信息的简单方法(推荐)
Aug 24 Javascript
element-ui 限制日期选择的方法(datepicker)
May 16 Javascript
使用 vue-i18n 切换中英文效果
May 23 Javascript
vue+axios+element ui 实现全局loading加载示例
Sep 11 Javascript
JS/HTML5游戏常用算法之路径搜索算法 随机迷宫算法详解【普里姆算法】
Dec 13 Javascript
layer弹出框确定前验证:弹出消息框的方法(弹出两个layer)
Sep 21 Javascript
如何优雅地在Node应用中进行错误异常处理
Nov 25 Javascript
js实现滚动条自动滚动
Dec 13 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面向对象全攻略 (八)重载新的方法
2009/09/30 PHP
php实现的IMEI限制的短信验证码发送类
2015/05/05 PHP
php正则匹配文章中的远程图片地址并下载图片至本地
2015/09/29 PHP
浅谈PHP中如何实现Hook机制
2017/11/14 PHP
基于Laravel-admin 后台的自定义页面用法详解
2019/09/30 PHP
PHP内存溢出优化代码详解
2021/02/26 PHP
Javascript 面试题随笔
2011/03/31 Javascript
js实现图片漂浮效果的方法
2015/03/02 Javascript
javascript操作select元素实例分析
2015/03/27 Javascript
Javascript技术栈中的四种依赖注入小结
2016/02/27 Javascript
JavaScript中split与join函数的进阶使用技巧
2016/05/03 Javascript
JS实现控制文本框的内容
2016/07/10 Javascript
js检查是否关闭浏览器的方法
2016/08/02 Javascript
从零学习node.js之简易的网络爬虫(四)
2017/02/22 Javascript
JQuery查找子元素find()和遍历集合each的方法总结
2017/03/07 Javascript
JS生成随机打乱数组的方法示例
2017/12/23 Javascript
vue 子组件向父组件传值方法
2018/02/26 Javascript
ES6知识点整理之数组解构和字符串解构的应用示例
2019/04/17 Javascript
vue+elementUI实现图片上传功能
2019/08/20 Javascript
JavaScript实现身份证验证代码实例
2019/08/26 Javascript
javascript设计模式 ? 适配器模式原理与应用实例分析
2020/04/13 Javascript
JS图片懒加载技术实现过程解析
2020/07/27 Javascript
一个超级简单的python web程序
2014/09/11 Python
python调用系统ffmpeg实现视频截图、http发送
2018/03/06 Python
Python延时操作实现方法示例
2018/08/14 Python
PyTorch基本数据类型(一)
2019/05/22 Python
Python QQBot库的QQ聊天机器人
2019/06/19 Python
python 读取更新中的log 或其它文本方式
2019/12/24 Python
PHP数据运算类型都有哪些
2013/11/05 面试题
班组建设经验交流材料
2014/05/12 职场文书
2014年资料员工作总结
2014/11/18 职场文书
小学端午节活动总结
2015/02/11 职场文书
治理商业贿赂工作总结
2015/08/10 职场文书
2016庆祝国庆67周年宣传语
2015/11/25 职场文书
vue判断按钮是否可以点击
2022/04/09 Vue.js
Java 中的 Lambda List 转 Map 的多种方法详解
2022/07/07 Java/Android