最新消息:XAMPP默认安装之后是很不安全的,我们只需要点击左方菜单的 "安全"选项,按照向导操作即可完成安全设置。

vue router-link + 引入bootstrap4 (四)

XAMPP下载 admin 1246浏览 0评论
 將連結改成router-link
若增加tag標籤為button,屬性則變為按鈕
<li>
<router-link :to=”{path: ‘/’}”>Home</router-link>
<>
<li>
<router-link tag=”button” :to=”{path: ‘/hello2’}”>hello2</router-link>
<>
QQ截图20180923110003
 引入bootstrap4前,需先安裝相依套件jQuery
npm install jquery
在 webpack.base.conf.js 中設定自動載入套件
// …
const webpack = require(‘webpack’)

module.exports = {
// …
plugins: [
new webpack.ProvidePlugin({
// Automatically loads modules
$: ‘jquery’,
jQuery: ‘jquery’,
‘window.jQuery’: ‘jquery’
})
]
}

安裝bootstrap4
npm install bootstrap@4.0.0
main.js引用Bootstrap的scss
import ‘bootstrap/scss/bootstrap.scss’

转载请注明:XAMPP中文组官网 » vue router-link + 引入bootstrap4 (四)

您必须 登录 才能发表评论!