vue-cli Webpackプロジェクト（vue.js）でGreensockプラグインを使用する方法

Question

vue-cli webpackを使用してvue.jsプロジェクトをセットアップしました。 私は私のプロジェクトでGreensockアニメーションプラグインを使用したいので、私は

npm install greensock --save 

を実行し、それがインストールされています。私は来ていない、これはGreensockプラグインが利用できるようにする場合、私はコンポーネントファイルに Tweenmax.to ...で構文エラーを取得するように私にはわからない main.jsファイル内

私は

import { TweenMax } from "greensock" 

を追加

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

あなたはちょうど2つの変更を行う必要があります。

• があなたの方法でタイプミスを修正し、methodは、あなたのメソッドの内部methods

• である必要があり、あなたのロジック

  メソッドを実行する関数を定義する必要があります：{ TweenMax.to（el、2、{不透明度：0}） }

次のようになります。

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

すべての最高