文章详情

src/PersonalHomepage.vue

@@ -112,7 +112,8 @@ import answer from "./components/PersonalAnswer"
 export default {
   name: "Personal homepage",
   data() {
-    return {};
+    return {
+    };
   },
   components:{
       follow,

src/index.vue

@@ -0,0 +1,17 @@
+<template>
+  <div class="box"></div>
+</template>
+<style lang="scss" scoped>
+.box {
+  min-height: 100vh;
+  background-color: #f6f6f6;
+}
+</style>
+<script>
+export default {
+  name: "index",
+  data() {
+    return {};
+  }
+};
+</script>

src/main.js

@@ -1,6 +1,8 @@
 import Vue from 'vue'
 import App from './App.vue'
 import router from "./router"
+import { Popup } from 'vant';
+Vue.use(Popup);
 Vue.config.productionTip = false
 
 new Vue({

src/router.js

@@ -3,6 +3,8 @@ import Vue from 'vue'
 import Router from 'vue-router'
 //2.调用vue-router
 Vue.use(Router)
+import PersonalHomepage from "./PersonalHomepage"
+import index from "./index"
 // import PersonalHomepage from "./PersonalHomepage"
 import ManualAppeal from "./ManualAppeal"
 import IndexArticleDetail from "./IndexArticleDetail"
@@ -10,11 +12,19 @@ const router=new Router({
   routes: [
     {
       path: '/',
+      component: index
+    },
+    {
+      path: '/ IndexArticleDetaill',
       component: IndexArticleDetail
     },
     {
       path: '/ManualAppeal',
       component: ManualAppeal
+    },
+    {
+      path: '/PersonalHomepage',
+      component: PersonalHomepage
     }
     
   ]