как присвоить данные в компоненте vue.js

у меня есть 2 компонента, мне необходимо чтобы при срабатывание события в компоненте "А" данные присваивались в форму компонента "B",

Я использую vuex

компонент "A"

<ul class="article-list">
  <li class="article__item" v-for="(item, index) in postsMin" :key="index">
    <article-item @click.native="pushEditData(item)" :options="item"></article-item>
  </li>
</ul>

js компонента "А"

export default {
  methods: {
    pushEditData (data) {
      this.$store.dispatch('UPDATE', data)
    }
  },
}

store

export default {
  state: {
    update: {
      title: '',
      discription: '',
      author: '',
      like: '',
      dateCreate: '',
      dateUpdate: ''
    }
  },
  mutations: {
    setUpdate: (state, payload) => {
      state.update = {
        title: payload.title,
        discription: payload.discription,
        author: payload.author,
        like: payload.like,
        dateCreate: payload.dateCreate,
        dateUpdate: payload.dateUpdate
      }
    }
  },
  actions: {
    UPDATE: ({ commit }, payload) => {
      commit('setUpdate', payload)
    }
  },
  getters: {
    getUpdate: state => state.update
  }
}

компонент "B"

  <form>
    <b-field label="Заголовок">
      <b-input class="title" v-model="title"></b-input>
    </b-field>
    <b-field label="Содержимое статьи">
      <b-input type="textarea" v-model="update.discription"></b-input>
    </b-field>
    <div class="buttons edit__button">
      <b-button @click="update">Применить</b-button>
    </div>
  </form>

js компонента "B"

export default {
  props: [
    'options'
  ],
  data () {
    return {
      title: this.update()
    }
  },
  methods: {
    update () {
      this.$store.dispatch('UPDATE', {
       title: this.title
      })
    }
  }
  computed: {
    update () {
      return this.$store.getters.getUpdate.title
    }
  }
}