导航栏组件
到现在为止,发现访问每个页面还需要在地址栏url修改;
打开导航栏NavBar.vue
修改成如下,发现每点击一个导航栏刷新url地址,重新请求服务器,这不叫做前端渲染
添加一个属性标签 代替href a标签;
home是在router中设置的名称。
技巧:按住alt键,同点击光标可以同时修改多个标签a
acwing编辑器是按爪ctrl同时打字母
<template>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<!-- -fluid去掉会偏向中间一些,导航栏 -->
<div class="container">
<router-link class="navbar-brand " :to="{ name: 'home', params: {} }">MySpace</router-link>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data