大事件项目11----getters使用_铺设用户信息

简介: 大事件项目11----getters使用_铺设用户信息

(1)、如何将State的用户信息铺到页面上

(2)、最后要完成的画面就是在这里准备一个标签,最后完成,一个画面铺设,一个头像和一个数据,就完成了铺设

(3)、标签在我们layout左侧的容器里面,如果用户有头像,就用他的头像,否则就用一个默认的logo

(4)、用户的名字,我们可以尝试用自己的名字

(5)、复制代码,找到左侧的容器,将他替换掉

(6)、现在图片大小已经完成了

(7)、针对他,增加一个额外的样式

(8) 、接下来将Vuex的数据中用到用户界面

(9)、第一种方式,直接用

10、想要将state数据渲染到页面是,我们用一个getter数据进行返回

11、我要注释,计算属性我就来自state这里

12、用箭头函数就不用省了

13、形参有一个可以省略

14、

15、用户头像

16、vuex中的getter中如何进行使用

17、

18、

19、vuex中,我们想直接用一个变量来使用,怎么办那?getter有几种使用方式那?

19.1 两种方法,一种是直接写,另一种是映射

19.2 引入,写上计算属性,因为没分模块名所以

20、原地有一个计算属性,所以直接写这个变量就行

21、现在后台原地有了同名的计算属性

22、git commit 提交数据

23、如果用户有自己的头像,我们就用自己的,如果没有,我们就用默认的

相关文章
|
8月前
|
安全
Vuex惊天漏洞!!!破解Vuex状态管理漏洞:让getters变量具有set赋值的能力,支持双向绑定
Vuex惊天漏洞!!!破解Vuex状态管理漏洞:让getters变量具有set赋值的能力,支持双向绑定
|
6月前
|
监控
若依修改-----其他功能,包括参数设置,通知公告,日志管理,验证码控制开关在参数设置里,若依的注册页面是隐藏的,在src的login.vue的97行注册开发,修改成true,通知公告,促进组织内部信
若依修改-----其他功能,包括参数设置,通知公告,日志管理,验证码控制开关在参数设置里,若依的注册页面是隐藏的,在src的login.vue的97行注册开发,修改成true,通知公告,促进组织内部信
大事件项目43----富文本结合表单的检验触发
大事件项目43----富文本结合表单的检验触发
|
7月前
|
存储 API
大事件项目09---布局,获取用户信息
大事件项目09---布局,获取用户信息
|
7月前
|
SQL JSON 数据库
大事件后端项目20------更新用户密码
大事件后端项目20------更新用户密码
|
7月前
|
开发工具 git
大事件项目53----文章详情—铺设到标签展示
大事件项目53----文章详情—铺设到标签展示
|
前端开发
【React工作记录七十一】直接用ref控制子组件弹框的开启
【React工作记录七十一】直接用ref控制子组件弹框的开启
130 0
|
存储
jira学习案例23-usecontext存储用户信息
jira学习案例23-usecontext存储用户信息
69 0
jira学习案例23-usecontext存储用户信息
|
前端开发
【React工作记录五十七】添加按钮的两种方式
【React工作记录五十七】添加按钮的两种方式
170 0
|
存储 前端开发 JavaScript
【状态管理库系列】一杯咖啡的时间,学会【Mobx】
【状态管理库系列】一杯咖啡的时间,学会【Mobx】
690 0
【状态管理库系列】一杯咖啡的时间,学会【Mobx】