vue에 jquery를 도입하는 방법에 대한 간략한 토론

다음 vue.js 칼럼에서는 vue에 jquery를 도입하는 방법을 소개하겠습니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

vue에 jquery를 도입하는 방법

1: vue 스캐폴딩이 설치되었으므로 jquery는 webpack에서 전체적으로 도입되어야 합니다

package.json 파일을 열고 jquery 뒤에 다음 코드 줄을 추가합니다. 버전이므로 필요에 따라 변경하세요.​ ​

    dependencies:{

  "jquery":"^2.2.3"

       }

​ 그런 다음 명령줄에서 cnpm install ​

​ 대부분의 사람들은 Taobao 이미지를 사용해야 하므로 그렇지 않은 경우 cnpm을 사용하여 설치할 수 있습니다.

2: webpack.base.conf.js에 코드 줄 추가

let webpack=require("webpack")

3: webpack.base.conf.js의 module.exports 끝에 이 코드 줄을 추가합니다.

  plugins: [new webpack.optimize.CommonsChunkPlugin('common.js'),new webpack.ProvidePlugin({
    jQuery: "jquery",
    $: "jquery"})
]

4: 메인에 .js 가져오기, 다음 코드 줄 추가

   import $ from 'jquery'

5: 마지막 단계, 다시 실행, cnpm run dev

관련 권장 사항:

2020 프론트 엔드 vue 인터뷰 질문 요약(답변 포함)

Vue 튜토리얼 추천: 2020년 최신 5개 vue.js 비디오 튜토리얼 선택

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 교육을 방문하세요! !

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