>  기사  >  php教程  >  순수 Vue.js를 통해 Bootstrap 구성 요소 빌드

순수 Vue.js를 통해 Bootstrap 구성 요소 빌드

高洛峰
高洛峰원래의
2017-03-22 13:30:392591검색

순수한 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(^0.12 필수, 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 Bootstrap 컴포넌트 구축 내용은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요!

관련 기사:

강력한 Vue.js 구성 요소에 대한 자세한 설명

Vue.js 환경 구축 튜토리얼 소개

vue.js 사용법에 대한 포괄적인 요약

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.