The computed property "userName" is already defined in data.

这是一次练习中所犯的错误，记录一下

情况说明：要使用vuex 做一个登录效果如下（一为未登录，二为已登录）

 

最初是想用vuex的getter获取登录名进行展示，代码如下

<div>

　　<a href="javascript:void(0)" class="navbar-link" @click="loginClick" v-show="userNameFlag">Login</a>

　　<a href="javascript:void(0)" v-show="userNameFlag">{ {userName }}</a>

</div>

<script>

　　

export default {
  
    name: "publicHeader",
    data() {
  
      return {
  
        userName:''