旋转 vue_Vue + GSAP 实战

? Vue + GSAP 实战

在学习过基础 SVG 动画原理后，如果结合我们熟悉的技术栈使用岂不是更爽。GSAP 提供了 npm 安装包，下面我们来在 Vue 项目中集成 GSAP。

安装 GSAP

yarn add gsap -S
// or
npm i gsap -S

在 Vue 组件中使用 GSAP

假设我们让一个矩形旋转 240 度，无限循环。

<template>
  <div id="app" class="app">
    <div class="box">div>
  div>
template>

<script>import { gsap } from 'gsap'export default {
     name: 'App',
  mounted() {