將連結改成router-link
若增加tag標籤為button，屬性則變為按鈕
<li>
<router-link :to=”{path: ‘/’}”>Home</router-link>
<A[Y)I~](ZC9Z[3Y)IDK7LK.gif)
>
<li>
<router-link tag=”button” :to=”{path: ‘/hello2’}”>hello2</router-link>
<>
若增加tag標籤為button，屬性則變為按鈕
<li>
<router-link :to=”{path: ‘/’}”>Home</router-link>
<
><li>
<router-link tag=”button” :to=”{path: ‘/hello2’}”>hello2</router-link>
<
>
引入bootstrap4前，需先安裝相依套件jQuery
npm install jquery
在 webpack.base.conf.js 中設定自動載入套件
// …
const webpack = require(‘webpack’)
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’