Heim  >  Artikel  >  php教程  >  Erstellen von Bootstrap-Komponenten über reines Vue.js

Erstellen von Bootstrap-Komponenten über reines Vue.js

高洛峰
高洛峰Original
2017-03-22 13:30:392578Durchsuche

Erstellen Sie Bootstrap-Komponenten über reines Vue.js

Kein jQuery, Bootstrap.js oder Plugins von Drittanbietern erforderlich.

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 (erforderlich ^0.12, Test mit 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; ... });

Das Obige verwendet reines Vue. js Der Inhalt der Erstellung von Bootstrap-Komponenten. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!

Verwandte Artikel:

Detaillierte Beschreibung leistungsstarker Vue.js-Komponenten

Einführung in das Tutorial zum Erstellen einer Vue.js-Umgebung

Super umfassende Zusammenfassung der Verwendung von vue.js

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn