vue.js에 jquery를 도입하는 방법

vue.js에 jquery를 도입하는 방법: 먼저 [package.json]의 종속성에 [jquery]를 추가하고 터미널에 관련 코드를 입력한 다음 [module.exports]에 해당 코드를 입력합니다. ] 터미널에서 dev]를 실행하세요.

이 튜토리얼의 운영 환경: windows10 시스템, vue2.5.2, 이 기사는 모든 브랜드의 컴퓨터에 적용 가능합니다.

【추천 관련 글: vue.js】

vue.js jquery 소개 방법:

1 먼저 package.json의 종속성에 "jquery"를 추가합니다: "^3.2.1" ,

2. 터미널에 npm install jquery –save-dev를 입력하세요. 물론 Taobao 미러 cnpm을 사용하는 것도 가능합니다.

참고: jquery는 소문자여야 합니다. 그렇지 않으면 'jquery'(모두 소문자)를 사용하세요

3 빌드 파일 찾기 폴더에서 webpack.base.conf.js 파일을 열고 다음을 추가합니다.

  var webpack=require(‘webpack’)

module.exports에 다음을 입력합니다.

        plugins: [ 
           new webpack.ProvidePlugin({ 
                 $:”jquery”, 
                 jQuery:”jquery”, 
                “windows.jQuery”:”jquery”
        }) 
      ],

4. main.js 항목 파일에

 import $ from ‘jquery’

5. 터미널에 npm run dev를 입력하면 문제가 해결됩니다.

6 확인 방법은 APP.vue에서 확인됩니다.

관련 무료 학습 권장사항: JavaScript(동영상)

위 내용은 vue.js에 jquery를 도입하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!