Question

我使用vue-cli webpack建立了一个vue.js项目。我想在我的项目中使用Greensock动画插件，所以我跑了

npm install greensock --save

并且已安装。

在我添加的main.js文件中

import { TweenMax } from "greensock"

我不知道这是否会使Greensock插件可用，因为我在组件文件中Tweenmax.to ...出现语法错误

export default {
  name: 'HelloWorld',
  el: '.hello',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  },
  method: {
    TweenMax.to(el, 2, {opacity: 0})
  }
}

我没有遇到过在vue.js项目中使用Greensock的文档，所以我很感激一些帮助。

Answer 1

你只需做两处改动：

修正方法中的拼写错误，method应为methods
在你的方法中你应该定义一个执行逻辑的函数

方法：{ TweenMax.to（el，2，{opacity：0}） }

将是：

 methods: {
    myTween(){
      ///...put here your ui logic
    }
  }

一切顺利

如何在vue-cli Webpack项目中使用Greensock插件（vue.js）

1 个答案: