# vuetool

**Repository Path**: laostu/vuetool

## Basic Information

- **Project Name**: vuetool
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-10-16
- **Last Updated**: 2023-10-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# VueTool

![](https://img-blog.csdnimg.cn/5f325b18c1fc4feeb7f31bbccd290096.png)

一个Vue的特效库。均使用Vue实现各种炫酷的动画效果。效果均收集自互联网，或改编而成。
可clone下来，直接运行查看效果。
本地效果查看：http://localhost:8080/ttf_1
## 部分效果列表

- ttf_1

鼠标点击出现爱心。

![](https://img-blog.csdnimg.cn/335ff5fd42e849c0bbd878ae4a02562b.gif)


- ttf_2

鼠标点击出现文字。自定义设置文字

![](https://img-blog.csdnimg.cn/1ec76df2b085488da0aa4fa7bcb4b7d9.gif)

- ttf_3

鼠标点击，烟花爆炸。

![](https://img-blog.csdnimg.cn/b64b3cc0e1d24a5b8d8d3b0b78b4df7e.gif)


- ttf_4

鼠标滑动会有跟随鼠标的彩迹。

![](https://img-blog.csdnimg.cn/5507db6e39c54f30839086e1ac2632f6.gif)

- ttf_5

![](https://img-blog.csdnimg.cn/c6716408a28c4daab518472053c88639.gif)



- ttf_9

![](https://img-blog.csdnimg.cn/084c8d650d464d95a974d658acdb4e5a.gif)

- ttf_18

看对应的Vue，然后根据Vue中需要的js文件，将index.html中注释掉的js文件取消注释。
![](https://img-blog.csdnimg.cn/578ce7fc099e4539b9a8249df2d33aef.gif)


## 效果视频展示

### 第一部分
ttf_1到ttf_30的全部效果展示视频地址：(视频中出现的顺序即为本项目中的第几个：如第7个出现的，则找ttf_7即可)

[视频观看地址](https://www.bilibili.com/video/bv1P5411m7VP)