当用户没有设置头像时，我们可以使用用户名第一个字来当头像

主要涉及一个截取，截取字符串第一个字

变量名.charAt(0)

如果变量名为null或者undefine

那么就会报错

使用可选链操作符

？

当前面的值为nul或undefine时，就不会执行后面的操作，直接是null或undefine.就不会报错了

在当我们不知道前面的值是什么时，可以加上这个可选链操作符

变量名？.charAt(字符串下标)

注意，使用可选链操作符时，

vue的版本最少为2.7.0

 npm i vue@2.7.0  vue-template-compiler@2.7.0 

例如

当没有头像显示时就显示用户名第一个字