<template> <div id="showrooms"> <div class="loading" v-if="!items.length"> <span>Loading ...</span> </div> <Showroom v-else v-for="item in items" v-bind:key="item.uuid" :item="item" /> </div> </template> <script> import Showroom from 'vuejs/components/Content/Showroom' import { mapState, mapActions } from 'vuex' export default { name: "Showrooms", // data() { // return { // items:[], // page:0 // } // }, computed: { ...mapState({ items: state => state.Showrooms.items }) }, created(){ if(!this.items.length) this.getItems() }, methods: { ...mapActions({ getItems: 'Showrooms/getItems' }) }, components: { Showroom } } </script> <style lang="scss" scoped> </style>