So verwenden Sie das Greensock-Plugin im vue-cli Webpack-Projekt (vue.js)

Ich habe ein vue.js-Projekt mit vue-cli webpack eingerichtet. Ich möchte Greensock Animation Plugin in meinem Projekt verwenden, so lief ichSo verwenden Sie das Greensock-Plugin im vue-cli Webpack-Projekt (vue.js)

npm install greensock --save

und es installiert ist.

in main.js Datei hinzugefügt I

import { TweenMax } from "greensock"

Ich weiß nicht, ob dies Greensock macht Plugin zur Verfügung, wie ich Syntaxfehler erhalten bei Tweenmax.to ... in einer Komponentendatei

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

ich nicht gekommen über eine Dokumentation für die Verwendung von Greensock in vue.js Projekt, so würde ich einige Hilfe zu schätzen wissen.

Quelle

2017-11-27 Seong Lee

Methode Methoden sein sollte, dann müssen Sie Ihre Bibliothek Anruf von einem Verfahren wickeln: myMethod() {TweenMax ecc ecc ecc – InferOn

Ihre Beobachtung richtig war. Ich habe es zum Laufen gebracht, indem ich eine Methode eingepackt habe. Und ja, ich hatte auch einen Tippfehler. Wenn du es als Antwort posten kannst, bin ich glücklich, den Thread auszuwählen und zu schließen. –

Sie haben nur zwei Wechsel zu machen:

einen Tippfehler in Ihren Methoden zu beheben, sollte methodmethods seine
in Ihrer Methode, die Sie eine Funktion definieren sollen, die Ihre Logik

Methode ausführen : { TweenMax.to (el, 2, {Opazität: 0}) }

wird:

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

alles Gute

Quelle

2017-11-27 10:30:32 InferOn

So verwenden Sie das Greensock-Plugin im vue-cli Webpack-Projekt (vue.js)

Antwort

Verwandte Themen