Using the Font awesome fonts icon in Vuejs

Installation

NPM Install Vue-awesome

Introduced

Import vue from ' vue '/**/ / only introduce icons to reduce package volume import ' vue-awesome/icons/ Flag '//  or import all icons at once when not caring about package volume imports ' vue-awesome/icons '/* / ' Vue-awesome/components/icon '//  Global Registration (in ' Main. js ' file)vue.component (' Icon ', icon)  //  or partial registration (in the component file)default  {components  : {    Icon  }}

How to use

<!--Basic Usage -<iconname= "Beer"></icon><!--Add Options -<iconname= "Sync" Scale= "2"Spin></icon><iconname= "comment"Flip= "Horizontal"></icon><iconname= "Code-branch"label= "Forked Repository"></icon><!--Stacking Icons -<iconlabel= "No Photos">  <iconname= "Camera"></icon>  <iconname= "Ban" Scale= "2"class= "Alert"></icon></icon>

Rotate animation

<name= "Spinner"  spin></icon> <  name= "Spinner"  pulse></icon> 

Other icons

Please visit the Font Awesome website to inquire about the values you can use name , such as beer ,,, and file camera so on.

Using the Font awesome fonts icon in Vuejs