这两天做前端项目，用到头像，之前用的是组件是自己写的，但是不够酷炫，网上找了个头像组件vue-avatar， 感觉还是非常好用的。

安装

npm install vue-avatar

vue中引入和使用

import Avatar from 'vue-avatar'
 
export default {
  ...
  components: {
    Avatar
  },
  ...
}

<avatar username="胡鹏" background-color="#fff" color="rgb(255, 208, 75)"></avatar>

看下头像的效果，感觉咋样？

参考文档https://www.npmjs.com/package/vue-avatar