vue开源组件_一包超过480个精美的开源Eva图标作为Vue组件

vue开源组件

Vue Eva图标 (Vue Eva Icons)

Simply beautiful open source Eva icons as Vue components.

简单漂亮的开源Eva图标作为Vue组件。

View demo 查看演示 Download Source 下载源

安装 (Install)

NPM (NPM)

Installing with npm is recommended and it works seamlessly with webpack.

建议使用npm进行安装，它可与webpack无缝配合。

npm i vue-eva-icons

快速开始 (Quick start)

全球 (Global)

To use in your project, just import vue-eva-icons and install into Vue.

要在您的项目中使用，只需导入vue-eva-icons并安装到Vue中即可。

main.js

main.js

import Vue from 'vue'
import App from './App.vue'
import EvaIcons from 'vue-eva-icons'

Vue.use(EvaIcons)

new Vue({
  render: h => h(App)
}).$mount('#app')

App.vue

应用程序

<template>
  <eva-icon name="github" animation="pulse" fill="limegreen"></eva-icon>
</template>

一经请求 (On demand)

<template>
  <eva-icon name="github" animation="pulse" fill="limegreen"></eva-icon>
</template>

<script>
  import { EvaIcon } from 'vue-eva-icons'

  export default {
    components: {
      [EvaIcon.name]: EvaIcon
    }
  }
</script>

翻译自: https://vuejsexamples.com/a-pack-of-more-than-480-beautiful-open-source-eva-icons-as-vue-components/

vue开源组件