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

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

青灯夜游
풀어 주다: 2023-01-11 09:22:42
원래의
3828명이 탐색했습니다.

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

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

이 튜토리얼의 운영 환경: 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과 동일 소개, 이 부분은 플러그인을 설치하거나 다운로드해야 합니다

관련 권장 사항: "

vue.js tutorial

"

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿