vue中使用svg

1借助我们前端的合作伙伴,阿里巴巴icon图库

 

 

2等保存 iconfont文件之后 main.js引入

import '../static/iconfont/iconfont.css'

import '../static/iconfont/iconfont.js'

 

在.vue文件中的使用

   <svg class="icon iconFill" aria-hidden="true" style="width:24px;height:24px;">
          <use xlink:href="#iconFill"></use>
    </svg>

iconFill改成我之前说的复制代码svg里面的东西 例如:icon-personal

<svg class="icon iconFill" aria-hidden="true" style="width:24px;height:24px;">
       <use xlink:href="#iconFill"></use>
 </svg>