mn

pages/index/message/message.vue

+<template>
+    <div class="home">
+   
+       <Bread></Bread>
+       <div class="flex-center">
+         <div class="flex">
+         <!-- <Aside class="aside"></Aside> -->
+         <nuxt></nuxt>
+         </div>
+       </div>
+    </div>
+</template>
+
+
+<script>
+   import Head from '~/components/header'
+   import Nav from '~/components/nav'
+   import Footer from '~/components/footer'
+   import Homeinput from '~/components/homeinput'
+   import Aside from '~/components/messageAside'
+   import Bread from '~/components/bread'
+   export default {
+     name: "notice",
+     components: {
+      Head,
+      Nav,
+      Footer,
+      Aside,
+      Bread
+     },
+    }
+</script>
+
+<style scoped>
+.aside{
+  margin-right: .3rem;
+}
+</style>
+

pages/index/notice/notice.vue

+<template>
+    <div class="home">
+   
+       <Bread></Bread>
+       <div class="flex-center">
+         <div class="flex">
+         <Aside class="aside"></Aside>
+         <nuxt></nuxt>
+         </div>
+       </div>
+    </div>
+</template>
+
+
+<script>
+   import Head from '~/components/header'
+   import Nav from '~/components/nav'
+   import Footer from '~/components/footer'
+   import Homeinput from '~/components/homeinput'
+   import Aside from '~/components/aside'
+   import Bread from '~/components/bread'
+   export default {
+     name: "notice",
+     components: {
+      Head,
+      Nav,
+      Footer,
+      Aside,
+      Bread,
+     },
+     mounted(){
+       console.log(this.$router, this.$route,'---s')
+     },
+     watch:{
+       
+     }
+    }
+</script>
+
+<style scoped>
+.aside{
+  margin-right: .3rem;
+}
+</style>