vue router-link + 引入bootstrap4 (四)

将连结改成router-link

若增加tag标籤为button，属性则变为按钮

<li>  <router-link :to="{path: '/'}">Home</router-link></li><li>  <router-link tag="button" :to="{path: '/hello2'}">hello2</router-link></li>

引入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'

此部落格为个人前端学习记录
文章皆为参考网路教学，整合成个人学习日记，若有侵权烦请告知，随时修正。