vue3.0 Ts 引入iconfont

  1. 打开阿里巴巴矢量图标库
  2. 我的项目下的xxx项目
  3. 图标选择symbol模式
  4. 查看在线链接, 双击xxxxxxx.js会打开一个新标签页内容是js文件,保存到项目(后续图标有更新的话,重新替换这个js文件就行)
  5. 项目中写一个icon组件
    
    
    
    

  6. 全局引入icon组件
    // 引入iconFont
    import SvgIcon from 'icon组件路径'
    import '下载的js文件路径';
    app.component('SvgIcon', SvgIcon);

  7. 页面中使用icon组件
    
    

你可能感兴趣的:(VUE3.0,&,TypeScript,html,前端)