Just bind the text and src fields to a getter from Vuex - content will update automatically:

<template>
  <mdb-container>
      <mdb-tab tabs color="primary" justify>
        <mdb-tab-item icon="user" v-for="(tab, i) in tabs" :key="i" :active="pillsActive==i" @click.native.prevent="pillsActive=i">{{ tabs[i].title }}</mdb-tab-item>
      </mdb-tab>
      <mdb-tab-content>
        <mdb-tab-pane class="fade" key="show1">
          <mdb-jumbotron class="mb-0 text-center mdb-color lighten-2 white-text">
            <h2 class="card-title h2">{{ tabs[pillsActive].title}}</h2>
            <p class="my-4 font-weight-bold">{{ tabs[pillsActive].subtitle}}</p>
            <mdb-row class="d-flex justify-content-center">
              <mdb-col xl="7" class="pb-2">
                <p class="card-text">{{ tabs[pillsActive].text}}</p>
              </mdb-col>
            </mdb-row>
            <hr class="my-4 rgba-white-light">
            <div class="pt-2">
              <mdb-btn outline="white" icon="gem" iconRight>Buy now</mdb-btn>
              <mdb-btn outline="white" icon="download" iconRight>Download</mdb-btn>
            </div>
          </mdb-jumbotron>
        </mdb-tab-pane>
      </mdb-tab-content>
  </mdb-container>
</template>

<script>
import { mdbTab, mdbTabItem, mdbTabContent, mdbTabPane, mdbContainer, mdbCol, mdbRow,
mdbJumbotron, mdbBtn } from 'mdbvue';

export default {
  name: 'TabPage',
  components: {
    mdbTab,
    mdbTabItem,
    mdbTabContent,
    mdbTabPane,
    mdbContainer,
    mdbCol,
    mdbRow,
    mdbJumbotron, mdbBtn
  },
  data() {
    return {
      pillsActive: 0,
      tabs: [
        {
          title: "Title 1",
          subtitle: "Subtitle 1",
          Text: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga aliquid dolorem ea distinctio exercitationem delectus qui, quas eum architecto, amet quasi accusantium, fugit consequatur ducimus obcaecati numquam molestias hic itaque accusantium doloremque laudantium, totam rem aperiam."
        },
        {
          title: "Title 2",
          subtitle: "Subtitle 2",
          Text: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga aliquid dolorem ea distinctio exercitationem delectus qui, quas eum architecto, amet quasi accusantium, fugit consequatur ducimus obcaecati numquam molestias hic itaque accusantium doloremque laudantium, totam rem aperiam."
        },
        {
          title: "Title 3",
          subtitle: "Subtitle 3",
          Text: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga aliquid dolorem ea distinctio exercitationem delectus qui, quas eum architecto, amet quasi accusantium, fugit consequatur ducimus obcaecati numquam molestias hic itaque accusantium doloremque laudantium, totam rem aperiam."
        }
      ]
    };
  }
};
</script>