svg-vuejs

SVG VUEJS

一套为 Vuejs 开发者准备的基于 Vue 2.0 的轻量的多色动态 SVG 组件。

Made with ❤️ by og-liu

Links

📙 中文文档

Installation

npm install svg-vuejs

// main.js
import Vue from 'vue';
import vueSvg from 'svg-vuejs'
import App from './App.vue';

Vue.use(vueSvg);

new Vue({
  el: '#app',
  render: h => h(App)
});

<!-- template -->
<vue-svg name="wechat" path="icon/"></vue-svg>

需要在项目根目录中的 src 文件夹下创建名为 svg 的文件夹，所有的 svg 文件都应该存放在 /src/svg/ 下，也可以在 svg 文件夹下继续创建文件夹用于区分管理图片。

├── build
├── config
├── src
│   │── assets
│   │── components
│   │── router
│   │── svg         手动创建 （必须）
│   │   ├──         可选创建
│   │   └── ...     可选创建
│   │── App.vue
│   └── main.js
│
├── static
├── .babelrc
├── .editorconfig
├── .eslintignore
├── .eslintrc.js
├── .gitignore
├── .postcssrc.js
├── index.html
├── package.json
└── README.md

Liscense

MIT