解释一下： computed: { unreadNum() { return this.unread.length; }, },

这段代码是一个计算属性对象，它的名称为`unreadNum`，它没有参数。该计算属性对象的作用是计算未读消息数量。

具体实现过程是，通过`return`关键字返回`this.unread.length`的值。`this.unread`是一个数组，存储了从服务器获取到的未读消息列表。因此，`this.unread.length`表示未读消息的数量。

当未读消息列表中的数据发生变化时，`unreadNum`也会自动更新，因此可以在组件模板中直接使用`unreadNum`计算属性，而不需要手动更新未读消息数量。

相关问题

请解释以下的vue代码： computed:{ userinfo: function () { return this.$store.state.user }, },

这段代码是 Vue.js 中的 computed 计算属性，它会根据依赖的数据自动更新并返回一个新值。具体来说，这段代码定义了一个名为 userinfo 的计算属性，它的值取决于 Vuex store 中的 user 状态。$store 是指向 Vuex store 实例的全局属性，state 是 store 中的状态对象，user 是其中的一个属性。

因此，当 store 中的 user 状态发生改变时，userinfo 计算属性会自动重新计算并返回新的值。这样就可以方便地在 Vue 组件中使用 userinfo 计算属性，而不必手动监听 store 中的状态变化。

解释一下： computed: { role() { return this.name === 'admin' ? '超级管理员' : '普通用户'; },

这段代码是在 Vue.js 组件中的计算属性(computed property)定义中，其中定义了一个名为 `role` 的计算属性，用于根据当前组件的 `name` 属性的值来计算当前用户的角色。

具体来说，如果 `name` 的值为 `'admin'`，则该计算属性的值为字符串 `'超级管理员'`，否则该计算属性的值为字符串 `'普通用户'`。

在实际使用中，可以通过在模板(html)中使用 `{{ role }}` 的方式来获取该计算属性的值，而不需要手动编写逻辑来计算用户的角色。