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

相关文章
|
3天前
|
人工智能 JavaScript 测试技术
Qwen3-Coder入门教程|10分钟搞定安装配置
Qwen3-Coder 挑战赛简介:无论你是编程小白还是办公达人,都能通过本教程快速上手 Qwen-Code CLI,利用 AI 轻松实现代码编写、文档处理等任务。内容涵盖 API 配置、CLI 安装及多种实用案例,助你提升效率,体验智能编码的乐趣。
282 100
|
3天前
|
JSON fastjson Java
FastJson 完全学习指南(初学者从零入门)
摘要:本文是FastJson的入门学习指南,主要内容包括: JSON基础:介绍JSON格式特点、键值对规则、数组和对象格式,以及嵌套结构的访问方式。FastJson是阿里巴巴开源的高性能JSON解析库,具有速度快、功能全、使用简单等优势,并介绍如何引入依赖,如何替换Springboot默认的JackJson。 核心API: 序列化:将Java对象转换为JSON字符串,演示对象、List和Map的序列化方法; 反序列化:将JSON字符串转回Java对象,展示基本对象转换方法;
|
4天前
|
Android开发 开发者 Windows
这是我设计的一种不关机,然后改造操作系统的软件设计思路2.0版本
本文介绍了在不重启系统的情况下实现操作系统改造的两种方案。第一种方案通过SLFM Recovery模式,在独立于操作系统的最高权限环境下完成系统更新与改造,并支持断电恢复与失败回滚。第二种方案采用多分区机制,通过SLFM套件在独立分区中完成系统改造,适用于可中断与不可中断服务场景,确保系统更新过程的安全与稳定。
225 132
|
4天前
|
缓存 JavaScript 前端开发
JavaScript 的三种引入方法详解
在网页开发中,JavaScript 可通过内联、内部脚本和外部脚本三种方式引入 HTML 文件,各具适用场景。本文详解其用法并附完整示例代码,帮助开发者根据项目需求选择合适的方式,提升代码维护性与开发效率。
193 110

热门文章

最新文章