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

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