vue获取用户身份显示不同数据

vue开发中会碰到根据不同的用户权限，实现不同的功能，下面给大家简单举一个实例！

代码如下：

export default {
  data() {
    return {
      currentUser: {
        username: "admin",
        role: "admin"
      }
    };
  },
  
  computed: {
    isAdmin() {
      return this.currentUser.role === "admin";
    }
  }
};

根据权限显示：

<template>
  <div>
    <span>前台管理</span><span v-if="isAdmin">后台管理</span>
  </div>
</template>

以上是编程学习网小编为您介绍的“vue获取用户身份显示不同数据”的全面内容，想了解更多关于 vuejs 内容，请继续关注编程基础学习网。