Javascript 如何在vue cli网页包项目（vue.js）中使用Greensock插件

我已经使用vue cli网页包设置了一个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的文档，因此我非常感谢您的帮助。

您只需做两个更改：

• 修复方法中的键入错误，

  method

  应该是

  methods

• 在方法内部，您应该定义一个执行逻辑的函数
  方法：{ TweenMax.to（el，2，{opacity:0}） }

将是：

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

---

所有最好的

方法都应该是方法，然后你需要从一个方法包装你的库调用：myMethod（）{TweenMax ecc ecc ecc你的观察是正确的。我通过包装一个方法来实现它。是的，我也有一个拼写错误。如果你能将它作为一个答案发布，我很乐意选择并关闭该线程。