大事件项目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、如果用户有自己的头像,我们就用自己的,如果没有,我们就用默认的

相关文章
|
2月前
|
安全
Vuex惊天漏洞!!!破解Vuex状态管理漏洞:让getters变量具有set赋值的能力,支持双向绑定
Vuex惊天漏洞!!!破解Vuex状态管理漏洞:让getters变量具有set赋值的能力,支持双向绑定
大事件项目18_个人中心_基本资料组件准备和路由
大事件项目18_个人中心_基本资料组件准备和路由
大事件项目18_个人中心_基本资料组件准备和路由
|
2天前
|
开发工具 git
大事件项目19_个人中心_基本资料调接口更新保存
大事件项目19_个人中心_基本资料调接口更新保存
大事件项目43----富文本结合表单的检验触发
大事件项目43----富文本结合表单的检验触发
|
1天前
|
API 开发工具 git
大事件项目23---个人中心—更换头像——调用接口保存,并让Vuex更新
大事件项目23---个人中心—更换头像——调用接口保存,并让Vuex更新
|
1天前
|
存储 测试技术 数据库
大事件后端项目19------更新用户头像
大事件后端项目19------更新用户头像
|
1天前
|
SQL JSON 数据库
大事件后端项目20------更新用户密码
大事件后端项目20------更新用户密码
|
1天前
|
JavaScript 开发工具 git
大事件项目项目25------文章分类---页面组件和路由
大事件项目项目25------文章分类---页面组件和路由
|
2天前
|
存储 API
大事件项目09---布局,获取用户信息
大事件项目09---布局,获取用户信息
|
1天前
|
开发工具 git
大事件项目53----文章详情—铺设到标签展示
大事件项目53----文章详情—铺设到标签展示