vue-cli Webpack 프로젝트 (vue.js)에서 Greensock 플러그인을 사용하는 방법

Question

vue-cli webpack을 사용하여 vue.js 프로젝트를 설정했습니다. 내 프로젝트에 Greensock 애니메이션 플러그인을 사용하려면 그래서

npm install greensock --save 

를 실행하고이를 설치합니다.

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}) 
    } 
} 

내가 오지 않았다 구성 요소 파일에 Tweenmax.to ...에서 구문 오류로이 Greensock 플러그인을 사용할 수 있도록하면 나도 몰라 추가 vue.js 프로젝트에서 Greensock을 사용하기위한 문서 전체에 걸쳐 도움을 주시면 감사하겠습니다.

Answer 1

당신은이 변화 할 필요가 :

• 당신의 방법에 오타를 수정, method가해야 당신이 당신의 논리

  방법을 실행하는 함수를 정의해야합니다 당신의 방법 내부 methods

• : { TweenMax.to (el, 2, {opacity : 0}) }

,210

이 될 것입니다 :

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

모든 최고의