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