Vue中Vuex的数据显示会根据model绑定而改变显示？

在公共组件 A中使用Vuex的数据：

            <div class="user-info" v-if="userorno"><router-link to='/personalCenter'>
                你好哇！{ {$store.getters.getStorage.uname}}</router-link>
                <a @click="logout">注销</a>
            </div>
 

然后在组件B中：

          <li><span>昵称</span>
                 <input type="" name="" id="" value="" v-model="userInfo.uname" />
          </li>

其中userInfo是data数据，被赋值this.$store.getters.getStorage从vuex中获取到。

问题：

改变B组件中的input值的时候，A组件中的{ {$store.getters.getStorage.uname}}位置的值也会跟着改变，是为什么？

B组件中的model绑定难