부트스트랩에 대해 더 자세히 알고 싶다면 다음을 클릭하세요. bootstrap tutorial#🎜 🎜 #
1. jquery를 소개합니다
# 🎜🎜#단계:
1. jquery$ npm install jquery --save-dev
+ const webpack = require("webpack");
module.exports = {
entry: './index.js',
output: {
path: path.join(__dirname, './dist'),
publicPath: '/dist/',
filename: 'index.js'
},
+ plugins: [
new webpack.ProvidePlugin({
jQuery: 'jquery',
$: 'jquery'
})
]
}
3 항목 파일 index.js에 콘텐츠를 추가합니다#🎜🎜 # import $ from 'jquery' ;
4. 설치가 성공했는지 테스트하고 '123'이 나타나는지 확인하세요
<template>
<div>
Hello world!
</div>
</template>
<script>
$(function () {
alert(123);
});
export default {
};
</script>
<style>
</style>
2. 부트스트랩 소개
1. 부트스트랩 설치
$ npm install --save-dev bootstrap
2. 관련
import './node_modules/bootstrap/dist/css/bootstrap.min.css'; import './node_modules/bootstrap/dist/js/bootstrap.min.js';
3을 소개합니다. 부트스트랩 코드
<div class="btn-group" role="group" aria-label="..."> <button type="button" class="btn btn-default">Left</button> <button type="button" class="btn btn-default">Middle</button> <button type="button" class="btn btn-default">Right</button> </div>
위 내용은 Vue는 부트스트랩을 사용할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!