vue.js에 jq를 설치하는 방법

vue.js에 jq를 설치하는 방법: 먼저 "npm install jquery --save" 명령을 통해 JQuery를 설치한 다음 구성 파일을 수정한 다음 main.js 파일에 JQuery를 도입하고 마지막으로 프로젝트를 다시 시작하세요.

이 튜토리얼의 운영 환경: windows7 시스템, vue2.0&&jquery1.0 버전 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

추천: "vue Tutorial"

ajax 요청 및 몇 가지 DOM 작업을 위해 JQuery 설치 및 사용

vue.js의 데이터 렌더링 방법은 이미 매우 편리하고 강력하며 이를 위해 JQuery를 사용할 필요가 없습니다. Operations

1. JQuery를 설치합니다

npm install jquery --save

2. 성공적으로 설치한 후 구성 파일을 수정합니다

빌드 폴더의 webpack.base.conf.js 파일에 다음 코드를 추가합니다.

헤더를 추가하고 파일을 소개합니다. :

var webpack=require("webpack")

Add

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

in module.exports 3. main.js 파일

import $ from 'jquery'
//或   
import jQuery from 'jquery'

4에 JQuery를 도입하세요. 4. 프로젝트를 다시 시작하세요

npm run dev 
//或  
npm run start

5. npm 실행으로 패키지된 index.html 파일에 액세스하세요. 경로가 잘못 지정되어 js 및 css 파일을 찾을 수 없습니다

config 폴더에서 index.js 구성을 수정하세요

원래 구성:

수정하여 조금 추가하세요.

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