feat: 标题栏跟随页面变化

src/main.js

@@ -7,6 +7,13 @@ import './styles/index.scss'
 
 Vue.config.productionTip = false
 
+const title = document.title
+router.afterEach((to) => {
+  if (to.meta?.title) {
+    document.title = `${to.meta.title} - ${title}`
+  }
+})
+
 new Vue({
   router,
   store,

src/router/index.js

@@ -12,6 +12,9 @@ import ContactPage from '@/views/Home/ContactPage.vue'
 
 Vue.use(VueRouter)
 
+/**
+ * @type {import('vue-router').RouteConfig}
+ */
 const routes = [
   {
     path: '/',
@@ -21,41 +24,49 @@ const routes = [
         path: '/',
         name: 'IndexPage',
         component: IndexPage,
+        meta: { title: '首页' },
       },
       {
         path: '/about',
         name: 'AboutPage',
         component: AboutPage,
+        meta: { title: '关于晶闪' },
       },
       {
         path: '/colorful',
         name: 'ColorfulPage',
         component: ColorfulPage,
+        meta: { title: '多彩晶闪' },
       },
       {
         path: '/culture',
         name: 'CulturePage',
         component: CulturePage,
+        meta: { title: '企业文化' },
       },
       {
         path: '/join-us',
         name: 'JoinUsPage',
         component: JoinUsPage,
+        meta: { title: '加入我们' },
       },
       {
         path: '/supplier-apply',
         name: 'SupplierApplyPage',
         component: SupplierApplyPage,
+        meta: { title: '申请加入' },
       },
       {
         path: '/supplier-report',
         name: 'SupplierReportPage',
         component: SupplierReportPage,
+        meta: { title: '供应商举报信' },
       },
       {
         path: '/contact',
         name: 'ContactPage',
         component: ContactPage,
+        meta: { title: '联系我们' },
       },
     ],
   },