mall-web-ssr/pages/news/_id.vue

<template>
  <div class="container">
    <div class="menu-title col-md-12"><nuxt-link to="/news">优软快讯</nuxt-link> &gt; <span>资讯详情</span></div>
    <left></left>
    <detail></detail>
  </div>
</template>
<script>
  import Left from '~components/news/Left.vue'
  import Detail from '~components/news/Detail.vue'
  import NuxtLink from '../../.nuxt/components/nuxt-link'
  export default {
    layout: 'main',
    fetch ({store, route}) {
      return Promise.all([
        store.dispatch('loadHotNews'),
        store.dispatch('loadDetailNews', {id: route.params.id})
      ])
    },
    components: {
      NuxtLink,
      Left,
      Detail
    }
  }
</script>
<style scoped>
.menu-title{
  margin-top: 20px;
}
</style>