Vue设置页面标题title

• router下index.js文件设置头信息

  export default new Router({
    mode: 'history',
    routes: [
      {
        path: '/login',
        name: 'login',
        component: Login,
        meta: {
          title: '登录页面'
        }
      },
      {
        path: '/',
        name: 'home',
        component: Home,
        meta: {
          title: '首页'
        },
        children: [
            {
            name: 'users',
            path: 'users',
            component: Users,
            meta: {
              title: '用户管理'
            },
            ...
        ]
      }
    ]
  })
  

• 在main.js配置

  import router from './router'
  router.beforeEach((to, from, next) => {
    /* 路由发生变化修改页面title */
    if (to.meta.title) {
      document.title = to.meta.title
    }
    next()
  })
  

Vue配置浏览器头部小图标

• 在index.html引入：

  <link rel="icon" href="static/fav.png" type="image/x-icon">

推荐几款学习编程的网站

免费在线开发平台（LTPP在线开发平台 | LTPP宇宙文档）

        探索编程世界的新天地，为学生和开发者精心打造的编程平台，现已盛大开启！这个平台汇集了近4000道精心设计的编程题目，覆盖了C、C++、JavaScript、TypeScript、Go、Rust、PHP、Java、Ruby、Python3以及C#等众多编程语言，为您的编程学习之旅提供了一个全面而丰富的实践环境。

        在这里，您不仅可以查看自己的代码记录，还能轻松地在云端保存和运行代码，让编程变得更加便捷。平台还提供了私聊和群聊功能，让您可以与同行们无障碍交流，分享文件，共同进步。不仅如此，您还可以通过阅读文章、参与问答板块和在线商店，进一步拓展您的知识边界。

        为了提升您的编程技能，平台还设有每日一题、精选题单以及激动人心的编程竞赛，这些都是备考编程考试的绝佳资源。更令人兴奋的是，您还可以自定义系统UI，选择视频或图片作为背景，打造一个完全个性化的编码环境，让您的编程之旅既有趣又充满挑战。

免费公益服务器（LTPP公益LINUX服务器分享 | LTPP宇宙文档）

        作为开发者或学生，您是否为搭建和维护编程环境而困扰？现在，有一款免费的公共服务器，内置多种编程语言的编程环境，并且配备了在线版VS Code。让您可以随时随地在线写代码，无需复杂配置，专注于开发和学习。（PS：毕竟是免费公共的服务器，任何人都能够使用，为了数据隐私和安全，请勿上传重要数据，仅用于学习）

免费公益MYSQL（LTPP公益MYSQL分享 | LTPP宇宙文档）

        作为一名开发者或学生，您是否常常为数据库环境的搭建而烦恼？是否因为预算有限而无法使用高性能的数据库服务？现在，有一款免费的MySQL服务器，专为开发者和学生量身打造，让你轻松无忧地进行开发和学习！内置在线phpmyadmin管理面板，方便用户查看数据。（PS：毕竟是免费公共的MYSQL，任何人都能够使用，为了数据隐私和安全，请勿上传重要数据，仅用于学习）

免费在线WEB代码编辑器（LTPP在线WEB编辑器 | LTPP宇宙文档）

        无论你是开发者还是学生，编程环境的搭建和管理可能会占用你宝贵的时间和精力。现在，有一款强大的免费在线代码编辑器，支持多种编程语言，让您可以随时随地编写、调试和运行代码，提升编程效率，专注于创意和开发。

免费二维码生成器（LTPP二维码生成器 | LTPP宇宙文档）

        无论是企业宣传、活动推广，还是个人信息分享，二维码都是一种快速、高效的信息传递方式。现在，有一款功能强大的二维码生成器，不仅易于使用，还具备多种便捷功能，帮助您更轻松地生成和管理二维码。