xxxxxxxxxx1
<template>2
<MDBNavbar light bg="light" expand="lg" container>3
<MDBNavbarBrand href="#">Navbar</MDBNavbarBrand>4
<MDBNavbarToggler target="navbarNav"></MDBNavbarToggler>5
<MDBNavbarNav collapse="navbarNav">6
<MDBNavbarItem linkClass="change-link-color" to="#" active> Home </MDBNavbarItem>7
<MDBNavbarItem to="#"> Features </MDBNavbarItem>8
<MDBNavbarItem to="#"> Pricing </MDBNavbarItem>9
<MDBNavbarItem to="#" disabled> Disabled </MDBNavbarItem>10
</MDBNavbarNav>11
</MDBNavbar>12
</template>xxxxxxxxxx1
<style>2
#app {3
font-family: Roboto, Helvetica, Arial, sans-serif;4
}5
.fw-900 {6
font-weight: 900;7
}8
9
.change-link-color {10
color: red !important11
}12
</style>xxxxxxxxxx1
<script>2
import {3
MDBNavbar,4
MDBNavbarToggler,5
MDBNavbarBrand,6
MDBNavbarNav,7
MDBNavbarItem,8
} from 'mdb-vue-ui-kit';9
10
export default {11
components: {12
MDBNavbar,13
MDBNavbarToggler,14
MDBNavbarBrand,15
MDBNavbarNav,16
MDBNavbarItem,17
},18
};19
</script> Console errors: 0