vue之计算属性computed模板

计算属性：故名思意也是一种属性，可以用插值表达式直接调用

废话不多说，直接上代码：

页面部分

 <!-- 用户名下拉菜单 -->
          <el-dropdown class="user-name" trigger="click" @command="handleCommand">
            <span class="el-dropdown-link">
              {{username}}
              <i class="el-icon-caret-bottom"></i>
            </span>
            <el-dropdown-menu slot="dropdown">
              <el-dropdown-item divided command="loginout">退出登录</el-dropdown-item>
            </el-dropdown-menu>
          </el-dropdown>

 

js部分

computed: {
    username() {
      let userSO = sessionStorage.getItem("userSO",userSO);
      let username =userSO.userName;
      return username;
     /*  let username = localStorage.getItem("ms_username");
      return username ? username : "admin"; */
    }
  },