Vue3——网站整体布局、用户动态页面（下）

导航栏组件

到现在为止，发现访问每个页面还需要在地址栏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