解决如何在data中引用Vuex或props传过来的数据

首先,我实现的业务逻辑是这样的, 我首先做了一系列注册登录的业务逻辑,最后想实现的功能是把用户的用户名展示在主页中,用mapstate的方式很容易就可以在view中放入[[username]],但是我被一个很简单的问题难住了,就是在你自身的data中如何拿到这个数据,起初我放的是this.username,但是最后根本拿不到这个值,但是我在onload中打印这个值是可以显示的,于是我就被难住了,后来通过查阅资料发现,只需要简单的一步就可以实现

部分代码如下:

data() {
			return {
				LoginMessage:{
					nameText: '用户名',
				
				}

       }
}
onLoad() {
			  this.LoginMessage.nameText=this.userName
		}

其实就是一个特别基础的一个点 props也是同理, 为啥想不到呢,还是因为vue的基础比较薄弱。

所以,一定要及时巩固自己的基础,这一点十分重要。

最后实现的效果如下

做的有点丑, 但是最后功能实现了,嘿嘿。  

其实每个人都有摆烂的心理，但是只要你能克服,  未来还是值得期待的。