首頁  >  文章  >  php教程  >  透過純Vue.js建構Bootstrap元件

透過純Vue.js建構Bootstrap元件

高洛峰
高洛峰原創
2017-03-22 13:30:392523瀏覽

透過純Vue.js建構Bootstrap元件

沒有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.

CommonJSr6

$ npm install vue-strap
 
var alert = require('vue-strap/src/alert');
// or
var alert = require('vue-strap').alert;
 
new Vue({
 components: {
 'alert': alert
 }
})

$ npm install vue-strap
 
import alert from 'vue-strap/src/alert'
// or
import { alert } from 'vue-strap'
 
new Vue({
 components: {
 alert
 }``
})
以上就是利用純Vue.js建構Bootstrap元件的內容,更多相關內容請關注PHP中文網(www.php.cn)!

相關文章:

強大Vue.js組件詳細說明

Vue.js環境搭建教學介紹

超全面的vue.js使用摘要

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn