Vue.js的链接和文本悬停效果 - vue-good-links

Vue.js的链接和文本悬停效果 - vue-good-links
插件名称 vue-good-links
发布时间 2020年9月2日
插件作者 xaksis

一个易于使用的VueJS链接/文本悬停效果库。

安装和下载:

# NPM
$ npm install vue-good-links --save

用法

直接导入组件:

<template>
  <div>
    this is my <vgl-swing text="fancy text"></vgl-swing>
  </div>
</template>

<script>
import {VglSwing} from 'vue-good-links';

export default {
  components: {
    'vgl-swing': VglSwing,
  },
};
</script>

或在全局范围内使用

import VueGoodLinks from 'vue-good-links';

// import the styles 
import 'vue-good-links/dist/vue-good-links.css';

Vue.use(VueGoodLinks);

效果清单

  • VglWave
  • VglRollup
  • VglSlidein
  • VglGhost
  • VglSwing
  • VglRotate