집 >웹 프론트엔드 >프런트엔드 Q&A >vuejs에 플러그인을 도입하는 방법

vuejs에 플러그인을 도입하는 방법

소개 방법: 1. "main.js"에서 import 및 "Vue.use(..)" 문을 사용합니다. 2. vue 파일의 스크립트 태그에 "import 'path" 문을 추가합니다. app .vue" import 및 "comComponents:{}" 문 등을 사용합니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, vue 버전 2.9.6, DELL G3 컴퓨터.

첫 번째 단계: 설치, 수동 다운로드, 플러그인 사용자 정의, 웹사이트 방문

일반 vue 또는 js 플러그인의 경우 일반적으로 직접 설치한 후 다음 단계로 진행할 수 있습니다. 그러나 다양한 이유로 설치가 실패하고 수동 다운로드가 필요한 경우도 배제할 수 없습니다. 일부 사용자 정의 플러그인도 있습니다.

js 글로벌 소개

main.js 파일 추가

import Loading from './components/loading'
Vue.use(Loading)

js 개별 소개

vue 파일 스크립트 태그 추가

import '../../../components/loading/index.js'

vue 글로벌 소개

Vue는 일반적으로 js로 import한 후 도입하므로 도입 방법은 js와 동일합니다. 하지만 vue에서 직접 소개하는 내비게이션 바를 도입하는 등의 특별한 경우도 있습니다. 전체적인 상황은 app.vue에 별도로

import Header from './components/Header'
components: {
    Header
  }

vue를 추가하는 것입니다. 프로젝트의 index.html에

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=？"></script>

2를 추가하고 build/webpack.base.conf.js 구성 파일에서 외부 확장자(externals 속성)를 설정합니다.

externals: {
    'BaiduMap': 'BMap'
}

모듈 소개

js global과 동일 소개, 이 부분은 플러그인을 설치하거나 다운로드해야 합니다