Vue.js の data を別ページからの遷移でも維持したい

Question

A.htmlでのクリックアクションで設定したdataの値（isShowing: 1,）を、
B.htmlにページ遷移したときにも維持することは可能でしょうか？

A.html

<section class="leftSideWrap">
  <div class="content-area">
   <h2 class="title">下書き</h2>
    <ul>
      <li class="sideMenu"><a href="/B.html" @click="showingItem(1)">本店移転</a><span class="data">2018/09/05</span></li>
      <li class="sideMenu"><a>募集株式</a><span class="data">2018/10/05</span></li>
    </ul>
  </div>
</section>

var app = new Vue({
 el: 'leftSideWrap',
 data: {
  isShowing: 0,
 },
 methods: {
  showingItem: function(n){
   this.isShowing = n;
  }
 }
})

可能でしたら方法もご教授いただけると幸いです。
よろしくお願い致します。

Answer 1

やり方は何種類かありますが、Component間でデータを共有したい場合は、Vuexを使うのが簡単かなと思います。
Vuexとは共有のデータストアとしてデータを保存したり、取得したりすることができます。一度試してみてください。
参考：https://vuex.vuejs.org/ja/

Comments

[TatsuyaOkawa]

なるほど、、、奥深いですね。
勉強してみます！！