magazine-web/pages/index/index.vue

<template>
	<view class="container">
    <navbar></navbar>
    <baner></baner>
	  <imgList :name="'期刊内容'" :data="contentList" :cover="cover"></imgList>
    <list :name="'新闻内容'" :data="contentList"></list>
	</view>
</template>

<script>
  import { mapActions, mapState } from 'vuex'
	export default {
		data() {
			return {
        cover: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/094a9dc0-50c0-11eb-b680-7980c8a877b8.jpg',
      }
		},
    computed: {
      ...mapState(['contentList'])
    },
    async mounted() {
      await this.contentQuery();
    },
		methods: {
      ...mapActions(['contentQuery']),
    }
	}
</script>

<style></style>