利用纯Vue.js构建Bootstrap组件
没有jQuery,bootstrap.js,或不需要任何第三方插件。
ThisrepositorycontainsasetofnativeVue.jscomponentsbasedonBootstrap'smarkupandCSS.AsaresultnodependencyonjQueryorBootstrap'sJavaScriptisrequired.Theonlyrequireddependenciesare:
Vue.js(required^0.12,testwith0.12.10).
BootstrapCSS(required3.x.x,testwith3.3.5).VueStrapdoesn'tdependonaverypreciseversionofBootstrap.Justpullthelatest.
CommonJS
$npminstallvue-strap
varalert=require('vue-strap/src/alert');
//or
varalert=require('vue-strap').alert;
newVue({
components:{
'alert':alert
}
})
ES6
$npminstallvue-strap
importalertfrom'vue-strap/src/alert'
//or
import{alert}from'vue-strap'
newVue({
components:{
alert
}``
})
AMD
$bowerinstallvue-strap
define(['vue-strap'],function(VueStrap){varalert=VueStrap.alert;...});
本文已被整理到了《Vue.js前端组件学习教程》,欢迎大家学习阅读。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。